如何让网页上的图层相互透视

Question

我正在尝试通过顶层菜单了解图片显示的how you can do something like this网站。这是通过css完成的吗？

Answer 1

实际上，这是通过使用支持透明度的PNG图像文件来实现的......如果你查看该页面的标记和CSS，你会发现标题中使用了这个file。 / p>

Answer 2

是的，这是simple CSS attribute

编辑：有人指出他们已经使用了透明图像。但是，如果你看一下他们的样式表，他们也使用了opacity属性，并且使用CSS是一种很好的更好的方式。样式表中的一行与多个透明图像相比可以节省您的托管空间，带宽并减少页面加载时间。

Answer 3

这是使用不透明度滤镜实现的。见Css Image Transeparency

Answer 4

是的，使用opacity属性。有关详细信息：http://www.w3schools.com/Css/css_image_transparency.asp