2011-04-28 92 views
1

在IE中,border-radiusbox-shadow之类的CSS3属性都不能在内工作,尽管它们在其他浏览器中可以很好地工作,甚至在未放入时也可以在IE中正常工作。css3不能在Internet Explorer的iframe中工作

有没有人发现这样的问题,并修复它们?

请帮忙!

<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> 
+1

哪个版本的IE? – 2011-04-28 10:30:12

+1

如果您使用iframe来显示其他网页,那么当您单独查看页面时页面的外观如何? – anothershrubery 2011-04-28 10:30:41

+1

在[标准模式](http://stackoverflow.com/questions/3717932/will-an-iframe-render-in-quirks-mode)中,您的父文档和iframe文档都是? – robertc 2011-04-28 23:17:36

回答

2

试试这个:

启动iframe html文件是这样的:

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

这应该强制浏览器在标准模式来呈现。

相关问题