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、右z-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 に答える