你如何在背景中制作不同的图像层?

时间:2011-03-27 11:46:01

标签: html web header background

我想知道用什么代码来制作像http://www.wareztuga.ws/

这样的背景

如果我想制作一个像这样的标题怎么办?我应该使用什么代码?

我感谢您的帮助

1 个答案:

答案 0 :(得分:2)

不确定“不同层”是什么意思。

你的意思是标志如何从昏暗变为明亮?他们只是使用css3不透明度过滤器

这样的事情:

.class{  filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.class:hover{  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;

如果您想将图片悬停在图片上,可以使用css background-postion过滤器。

假设您的图像宽20像素,高20像素。在Photoshop中,将画布高度加倍,并在其上方放置第二张图像。然后在css做类似的事情:

.class{ height:20px; width:20px; background:url('your/image.png'); background-position:0px 0px; }
.class:hover{ background-position:0px -20px; } //or 20px depending on what way you want to move your background image.

现在还可以确定是否可以回答你的问题。

否则,“图层”只是设置了背景图像的div。然后孩子们用不同的图像设置。