0

ウェブサイトhttp://www.gkduniya.comを作成します。Mozilla と chrome では、カテゴリ セクションは問題ありません。しかし、IE 9 では、カテゴリ セクションが間違っています。詳細はこちらをご確認ください。以下のCSSコードを使用してグラデーションボックスを作成しています:

 .gradientBoxesWithOuterShadows { 
  height:auto;
  width: 240px; 
   padding: 20px;
  background-color: white; 

/* outer shadows  (note the rgba is red, green, blue, alpha) */
 -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
 -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);

/* rounded corners */
 -webkit-border-radius: 12px;
 -moz-border-radius: 7px; 
  border-radius: 7px;

 /* gradients */
 background: -webkit-gradient(linear, left top, left bottom, 
 color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5)); 
 background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); 
 }

IE 9 でも動作するように助けてください。

4

3 に答える 3

1

おっと！これは間違っています：

<!DOCKTYPE HTML>

このような無効なDOCTYPEは、IE9開発者ツール（または他のランダムなWindows設定）によって変更/強制されない限り、IE9を「クァークズモードドキュメント」で実行するように設定します。

有効なマークアップになるようにページを修正し、バリデーターを使用して有効であることを確認します。（興味深いことに、w3cバリデーターはそれをHTML5として推測しますが、IE9はページのデフォルトを癖としてマークします。また、IE9 / IE7モードではIE9を「大幅に間違って見える」ようにすることしかできません。）

また、JavaScriptエラーを修正して、IEで非常に煩わしく表示される大量のエラーメッセージが表示されないようにします:(

于 2012-12-30T06:26:32.873 に答える
0

私には問題ないように見えます。接頭辞なしを追加するだけで、準備完了box-shadowです。同様にgradient、背景のプレフィックスなしを追加します。

于 2012-12-30T05:44:12.833 に答える
0

un プレフィックスbox-shadowを css に追加し、グラデーションの問題を追加するには

-ms-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); /* for IE-10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFF', EndColorStr='#D5E4F3'); /* IE6–IE9 */
linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); /* for all */

さらに簡単な開発については、 CSS Gradient Background Makerを参照してください。

于 2012-12-30T05:53:15.893 に答える