文章/答案/技术大牛

发布

社区首页 >问答首页 >盒-影不在IE 10中工作

问盒-影不在IE 10中工作
EN

Stack Overflow用户

提问于 2013-10-02 15:03:34

回答 2查看 2.7K关注 0票数 0

我在尝试添加的IE10中获得框影时遇到了问题。

@media screen and (min-width:0\0)

统治但没有成功。这些代码在firefox和chrome中运行良好。

代码

.glossy-curved-black .slide-wrapper {
    background-color: #FFF;
    border: 10px solid #FFF;
    box-shadow: 40px 40px 40px #000;
   -webkit-box-shadow: 40px 40px 40px #000;
   -moz-box-shadow: 40px 40px 40px #000;  
}

    @media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */
      .glossy-curved-black .slide-wrapper {
         box-shadow: 0px 0px 80px #000;
       }
    }

我的网站这里

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-10-02 15:12:15

问题在于你的头脑因素：

<!-- Mimic Internet Explorer 7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

如果你想让IE像现代浏览器那样使用IE=EDGE，你就会强迫页面进入IE=EDGE模式。我测试了强制的最新渲染模式和阴影显示。

更新

根据微软的建议，只需使用HTML5文档类型，并避免发送文档兼容性模式。浏览器检测是不可取的，一般情况下应该避免。使用特征检测代替。默认模式是标准模式始终是EDGE*。

<!doctype html>

*除了在web浏览器控件中，在这种情况下，文档模式必须通过X-UA-Compatible头或通过注册表显式地设置为EDGE。

票数 5

Stack Overflow用户

发布于 2013-10-02 15:06:43

没有供应商前缀的主CSS声明应该始终是最后一个。试一试：

.glossy-curved-black .slide-wrapper {
    background-color: #FFF;
    border: 10px solid #FFF;
   -webkit-box-shadow: 40px 40px 40px #000;
   -moz-box-shadow: 40px 40px 40px #000;
   -ms-box-shadow: 40px 40px 40px #000;
   box-shadow: 40px 40px 40px #000;  
}

@media screen and (min-width: 500px) {
/* IE9 and IE10 rule sets go here */
  .glossy-curved-black .slide-wrapper {
      -webkit-box-shadow: 0px 0px 80px #000;
      -moz-box-shadow: 0px 0px 80px #000;
      -ms-box-shadow: 0px 0px 80px #000;
      box-shadow: 0px 0px 80px #000;
   }
}

我还注意到您的媒体查询中有一个奇怪的最小宽度值。我已经为你们树立了500便士的榜样。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19140192

复制

相似问题

问盒-影不在IE 10中工作
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问盒-影不在IE 10中工作EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问盒-影不在IE 10中工作
EN