如何获得<body>嵌入阴影在IE9中工作？

我对这里的答案进行了说明并获得了插入箱体阴影以处理身体标记。如何获得<body>嵌入阴影在IE9中工作？

这是我的休耕代码：

html, body { 
    width:100%; 
    height: 100%; 
} 

body { 
    box-shadow: inset 0 0 1000px 30px black; 
    background: url('http://osxdaily.com/wp-content/uploads/2011/08/apple-shirt.jpg'); 
}

但是....这不是在 “爱” 的工作浏览器Internet Explorer 9 ...

Finnaly自己做了一个工作。如果somenone需要一个解决方案：

这是HTML：

<body> 
<div id="shadow"> 
<div id="padding"> 
<div id="content"> 
</div></div></div></body>

这是CSS：

html { 
    height: 100%; 
} 

body { 
    height:100%; 
    min-height: 100%; 
    background-image: url('/wp-content/uploads/someimage.jpg'); 
    background-attachment: scroll; 
    background-repeat: repeat; 
} 

#shadow { 
    width: 100%; 
    min-height: 100%; 
    margin: 0 auto; 
    box-shadow: inset 0 0 400px 50px black; 
} 

#padding{ 
    width: 100%; 
    min-height: 100%; 
    margin: 0 auto; 
    padding: 30px 0 30px 0; 
}

来源

2013-01-17 Kasparas Pochyla

你试图添加前缀'MS-'？ Pabandyk :) – Morpheus

@Morpheus：'-ms-box-shadow'不存在。 – BoltClock

刚刚尝试...看起来像ms-shadow-box没有“插入”属性。 Gaila：/ –

诀窍是把背景图像转换成HTML标记。

这个css3样本会给你一个很好的褪色背景下拉效果，否则通常使用24位PNG图像即使在css3浏览器中创建 - 但是，这更容易。 Testet在IE9，Firefox，Safari（用于windows）。

测试和试一下：http://jsfiddle.net/LUDJF/

html { 
     width:100%; 
     height:100%; 
     background:url('http://www.sequelsite.dk/mediafiles/sequelsite/white-grid-paper-background-pattern.jpg'); 
} 

body { 
     margin:0; 
     padding:0; 
     width:100%; 
     height:100%; 
     box-shadow : inset 0px 3000px 200px -2800px rgba(255,0,0,0.5); 
     -webkit-box-shadow: inset 0px 3000px 3000px -2800px rgba(255,0,0,0.5); 
     -moz-box-shadow : inset 0px 3000px 200px -2800px rgba(255,0,0,0.5); 
     -o-box-shadow : inset 0px 3000px 200px -2800px rgba(255,0,0,0.5); 
}

来源

2013-04-08 20:46:24

如何获得<body>嵌入阴影在IE9中工作？

回答

相关问题