- ベストアンサー
IE9とbox-shadowの質問です。
box-shadow: -webkit-box-shadow: -moz-box-shadow: で「chome」 「Firefox」 「opera safari」 はつくのですが 「Internet Explorer 9」だけがシャドウがつきません。 どうすれば「IE9」もシャドウがつくのでしょうか? HTML CSSは素人なので 分かりやすく教えていただけるとありがたいです。 よろしくお願いします。
- fewewfewcf
- お礼率17% (10/57)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
blockauote{ box-shadow: 10px 10px 10px rgba(0,0,0,0.4); -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4); -o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4); -ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4); } で、引用ブロックに影が付くはずですが・・
関連するQ&A
- box-shadowの質問です。
box-shadow: -webkit-box-shadow: -moz-box-shadow: chome Firefox opera safari はつくのですが でシャドウを付けているのですがIEだけがシャドウがつきません。 どうすればIEもシャドウがつくのでしょうか? よろしくお願いします。
- ベストアンサー
- HTML
- cssのボタンについて(IEで背景が表示されない)
リンク先を表示するためにcssでボタンを以下のように作製しました。 FireFoxでは正常にきちんと表示されるものの、 IE10で確認したところ、IEでは背景色が表示されませんでした。 そこでzoom: 1;などを足すなどしてみたのですが やはり表示されません。どうしたらいいのかご指南いただけませんか? どうかよろしくお願いいたします。 a.btn { position: relative; background: -moz-linear-gradient(top,#0099CC 0%,#006699); background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699)); border: 2px solid #FFF; color: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3); -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3); text-shadow: 0px 0px 3px rgba(0,0,0,0.5); padding: 10px 10px; margin: 4px 2px 4px 2px; }
- ベストアンサー
- CSS
- CSS グラデーションが反映されない
DreamWeaverでサイトを制作しています。 下記のように書いてもブラウザ上にグラデーションが反映されないのですが、 どういった原因が考えられるのでしょうか? #header{ color:#fff; background-color:#F60; moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); /* For WebKit (Safari, Google Chrome etc) */ background:-webkit- gradient(linear, top, bottom, from(#f60), color-stop(0.3,#C30), to(#fff)); /* For Mozilla/Gecko (Firefox etc) */ background: -moz- linear-gradient(-45deg, #f60, #fff); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F06000, endColorstr=#FFFFFFFF); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)"; } フォントについてやbox-shadow等は反映されるのですが、グラデーションだけが。。 宜しくお願いします。
- ベストアンサー
- HTML
- IEだけ外部CSSを読み込まない
こんばんは。 レスポンシブサイトを製作中なのですがIEだけが外部CSSを読み込みません。 Chrome、Firefox、Opera、Safariなどのモダンブラウザは異常なく読み込みます。 IEに限ってどのバージョン(少なくとも8~11)もCSSを読み込まずHTMLだけのレイアウトです。 考えられる原因は何だと思われますでしょうか? モノをあげられないので推測での話になると思うのですが、よろしくお願い致します。
- 締切済み
- CSS
- IE7でだけ作ったメニューが表示されません。
サイトを作っているのですが、IE7でだけHOMEやImageなどのメニューが表示されません。safari,firefox,operaでは表示されました。 どうしたら表示できるのでしょうか? またここはこうした方がいいなどHTML,CSSのアドバイスなどもして頂けるとうれしいです。 よろしくお願いします。
- ベストアンサー
- HTML
- CSS3で三角形の描画にシャドウをつけると
CSS3で三角形を作って、シャドウをつけると 三角の下に四角い影がついてしまうのですが、これはどうにもならないのでしょうか? "▲"の下に"□"こんな感じで影が付きます。 ソースは以下のとおりです。 width: 0; height: 0; border-top: 50px solid transparent; border-left: 100px solid red; border-bottom: 50px solid transparent; -moz-box-shadow:0 0 3px #cccccc; -webkit-box-shadow:0 0 3px #cccccc; box-shadow:0 0 3px #cccccc; アドバイスお願いします。
- ベストアンサー
- HTML
- カラム落ちの対処法について
独学でHTML5とCSS3を勉強中で、教本を読みながら以下のようなCSSを書いたところ、Firefox、Chrome、Safariではきちんと描画しますが、IE9とOperaではカラム落ちしてしまいます。 横幅の合計も間違っていないと思いますし、数値を減らしても変わりません。 本によるとIE9は対応しているようなんですが、「flote」で書かないとダメなのでしょうか。 それと、ベンダープレフィックスの書き方ですが、「プロパティ」と「値」のところのどちらに書くのが正しいのでしょうか、それともどちらでも構わないのでしょうか。 本によって異なるので。 #contentwrapper { width: 980px; display:-webkit-box; display:-moz-box; display:-o-box; display:-ms-box; display:box; } #box01 { border: solid 1px; margin: 4px 0px; padding: 8px; width: 760px; box-sizing: -webkit-border-box; box-sizing: -moz-border-box; box-sizing: -o-border-box; box-sizing: -ms-border-box; box-sizing: border-box; } #box02 { border: solid 1px; margin: 4px 0px 4px 10px; padding: 6px; width: 210px; box-sizing: -webkit-border-box; box-sizing: -moz-border-box; box-sizing: -o-border-box; box-sizing: -ms-border-box; box-sizing: border-box; } 以上、2点の回答宜しくお願い致します。
- 締切済み
- CSS
- IE6だけ同ページ内のアンカーが効かない
webサイトを作成していて、IE6でだけアンカーが効かない現象が起きています。他のブラウザでは正常時動きます。 宣言は<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> 外部CSSを使用してますが何か関係あるんでしょうか? 確認したのは、Safari1.2 Opera7 MacIE5.2 Firefox1.0 IE6です。 よろしくお願いします。
- ベストアンサー
- HTML
- IEのbox-shadow(CSS3 PIE)が…
CSS3 PIEを使ってIEにbox-shadowをコンテナ全体に施したところ、フッター以下部分の影を含めて画面に表示されてしまいました。 希望としては添付画像の波線以下の部分は画面に表示させずに、フッターを画面最下部にするようにしたいのですが、、、どうしたらいいのでしょうか? 全体の縦幅をIEだけ-30pxにしたいのです。 分かりにくい日本語で申し訳ありません、何と説明したらいいのかが自分でも分かっていなくて・・・。
- 締切済み
- HTML
- CSSのFilter:shadowをFireFoxで表示する方法
CSSでfilter: shadow(color=#3F1501,direction=135); と表示し、画像にドロップシャドウをつけています。 IEではちゃんと表示されるのですが、 FireFoxでは表示されません。 FireFoxでIEと同じように表示させる方法を ご存知の方、ご教授下さい!!!
- 締切済み
- その他([技術者向] コンピューター)
お礼
うーむ・・・。 やっぱり出ませんでした。 僕のブログがおかしいのですかね(´・ω・`) 回答ありがとうございました。