css3 无法在 Internet Explorer 的 iframe 内工作
像 border-radius
和 box-shadow
这样的 CSS3 属性都不能在 IE 中的 中工作,尽管它们工作得很好在其他浏览器中,甚至在未放置在
中的 IE 中。
有没有人发现过类似的问题并解决过它们?
请帮忙!
<style type='text/css'>
.seath {
background-color: #7eaf47;
margin:16px 0px 16px 0px;
padding:16px 16px 16px 16px;
position: relative;
width:320px;
border-radius:5px;
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow: 0 1px 3px #444444; /*firefox 3.6 and earlier*/
-webkit-box-shadow: 0 1px 3px #444444; /*safari*/
box-shadow: 0 1px 3px #444444;
}
</style>
<div class='seath'>
...
</div>
None of the CSS3 properties like border-radius
and box-shadow
are working inside an <iframe>
in IE, though they work perfectly fine in other browsers, and even in IE when not placed in an <iframe>
.
Has anyone found any problems like this and ever fixed them?
Please help!
<style type='text/css'>
.seath {
background-color: #7eaf47;
margin:16px 0px 16px 0px;
padding:16px 16px 16px 16px;
position: relative;
width:320px;
border-radius:5px;
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow: 0 1px 3px #444444; /*firefox 3.6 and earlier*/
-webkit-box-shadow: 0 1px 3px #444444; /*safari*/
box-shadow: 0 1px 3px #444444;
}
</style>
<div class='seath'>
...
</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
试试这个:
以这种方式启动您的
iframe
html 文档:这应该会强制浏览器以标准模式呈现。
Try this:
Start your
iframe
html document this way:This should force the browser to render in standards mode.