Question

我是XHTML / CSS的新手，但现在我的网站布局得很好。只有一个松散的结局，我似乎无法通过（我花了相当多的时间在这个＆amp;发现相关的信息，但没有完全相同）：

我想做的就是在背景上叠加一个模糊的图像。我不想使用“opaque”过滤器，因为它们会在我的IE Explorer 8上触发脚本安全警报。

我很高兴使用我创建的不透明gif图像。

我可以看到z-index是要走的路。但是，我的图像区域坚持在页面下方进一步定位而不是覆盖。

以下是我认为错误的代码的关键摘录[我已经剪掉了字体等细节]：

HTML：

body {  position:relative; z-index:1;
    margin: 0 20px 0 0;
    padding: 0;
    background: #FFFFFF url(images/ge01.jpg) repeat-y;[snip]}

<div id="transparency">
</div>

CSS：

#transparency {

url(images/transparency.jpg) no-repeat;
width:230px;
height: 1000px;
position: relative; top: 80px; left:0;
z-index:2;

}

Answer 1

你尝试过使用position：absolute;你的透明度元素？

position：relative意味着您将透明元素相对于其他内容定位。

在背景上覆盖不透明的图像

1 个答案: