ホームページ >ウェブフロントエンド >htmlチュートリアル >緩和効果を実現する方法_html/css_WEB-ITnose
緩和効果を実現する方法_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:46:041281ブラウズ
達成方法
救済効果を達成する方法を教えてください
ディスカッションへの返信(解決策)
css box-shadow: http://www.wufangbo.com/css3-box-shadow/
.box{ box-shadow:1px 1px 5px #999;} このようにスタイルを書くだけです
.box{ box-shadow:1px 1px 5px #999;} このようにスタイルを書くだけです
こんにちは、ありがとうございますあなたの答えに感謝します。
しかし、まだいくつかの問題があります: 1. IE で表示されません (訪問した Web サイトは IE で http://www.aol.com/ として表示されます)。 2. 左右が違います (使い方がわからなかったかもしれません)
css box-shadow: http://www.wufangbo.com/css3-box-shadow/
こんにちは、ありがとうございます。ご回答ありがとうございます。
しかし、まだいくつかの問題があります: 1. IE で表示されません (訪問した Web サイトは IE で http://www.aol.com/ として表示されます)。 2. 左右が違います（使い方が分からなかったのかもしれません）
1. IE では表示されません（閲覧した Web サイトは IE http://www.aol.com/ で表示されます）。 )
re:
影が表示されませんか?
IE で ie-css3.htc をダウンロードしました
1. IE では表示されません (アクセスした Web サイトは IE http://www.aol.com/ で表示されます)
re:
影を表示しませんか?
このパラメータはどうなっているのでしょうか?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">body{margin:0;padding:0;}#sitepage{margin:0 auto;width:90%;height:700px;-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);}</style></head><body><div id="sitepage"></div></body></html> IE バージョン 6 ～ 8 ではサポートされていないようです。 CSS ヘルプを確認してください