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 设置为在“Quirks 模式文档”中运行，除非 IE9 开发人员工具（或其他随机 Windows 设置）更改/强制。

修复页面，使其成为有效标记，并使用验证器确保其有效。（有趣的是，w3c 验证器将其猜测为 HTML5，而 IE9 将页面默认标记为怪癖。此外，我只能让 IE9 在 IE9/IE7 模式下“看起来明显错误”。）

还要修复 JavaScript 错误，这样它就不会在 IE 中显示一堆令人讨厌的错误消息:(

于 2012-12-30T06:26:32.873 回答
0

对我来说看起来不错，只需添加不带前缀的box-shadow就可以了。同样，为背景添加无前缀gradient。

于 2012-12-30T05:44:12.833 回答
0

添加 un 前缀box-shadow到您的 css 和 Gradient 问题添加

-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 回答