css3 无法在 Internet Explorer 的 iframe 内工作

发布于 2024-11-03 16:29:21 字数 679 浏览 0 评论 0原文

border-radiusbox-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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

蓦然回首 2024-11-10 16:29:21

试试这个:

以这种方式启动您的 iframe html 文档:

<!DOCTYPE html>
<html>
<head>
(...)

这应该会强制浏览器以标准模式呈现。

Try this:

Start your iframe html document this way:

<!DOCTYPE html>
<html>
<head>
(...)

This should force the browser to render in standards mode.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文