图层没有背景色或背景,其本身就是透明的,其中有文字、不透明,没有内容的区域可以直接看到下一层。
通过CSS样式表设置
filter:alpha(Opacity=50); /IE支持,取值0-100/
opacity: 05; /HTML5浏览器,取值0-1/
这种方法包括背景,内容的文字、、边框都会变为半透明。
3、做一张PNG,PNG支持透明和半透明甚至渐变透明。图层以这张作为背景。和第一种情况一样,背景是透明或半透明的,但内容是不透明的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">制作非主流主要用到的是photoshop软件,这里提供最新版90的下载:><div><a href="#" onclick="documentgetElementById('a')styledisplay='none';">隐藏</a><a href="#" onclick="documentgetElementById('a')styledisplay='';">显示</a></div>
<div id="a">fjdlsakfj</div>
可以用z-index控制,具体步骤如下:
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml。
2、在indexhtml中的<body>标签中,输入html代码:
<img style="position: absolute;top:0;z-index: 1" src="imagejpg" />
<img style="position: absolute;top:0;" src="small2png" />
3、浏览器运行indexhtml页面,此时大图因为z-index更大而被设置到更上面的图层了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)