1

如何在 html 页面上放置一个具有黑色背景且略微透明的 iFrame，因此它会使页面变暗。

到目前为止，我有这个，但它不起作用。

<iframe id="fade" src="fade.html" frameborder="No" style="FILTER: chroma(color=#000000)" allowtransparency="true">  
    <p>Your browser does not support iframes.</p>
</iframe>

淡出.html

<html>
<body style="background:transparent">
</html>
4

1 回答 1

3

如果您只想在某些元素上放置一个半透明框，请尝试div使用 rightz-index和opacity属性定位 a：

HTML

​&lt;p>I sit in the background and get covered up by a box.</p>
<div id="shade"></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS

​#shade {
    background-color: red;
    opacity: 0.7;
    position: absolute;
    top: 0px;
    left: 5px;
    width: 50px;
    height: 50px;
    z-index: 5;
}
p {
  position: absolute;
  z-index: 1;  
}

请参阅 jsfiddle 上的示例。

于 2012-07-04T06:06:45.807 回答