DreamWeaver中设置表格的背景透明度 首先要定义表格的ID 然后用CSS的Alpha属性来定义表格的透明度。
比如 在DreamWeaver中设置了一个背景为任意色(不要为白色 看不出效果)ID为a的表格
然后在<head></head>中间加入CSS的透明代码 (这里以透明度为20为例)
<style type="text/css"><!--
#a {
filter: Alpha(Opacity=20);
}
-->
</style>
以上CSS代码在IE中可以生效,但是其它的浏览器可能不兼容效果,所以,你还得加上其它浏览器都兼容的CSS代码 代码如下:
<style type="text/css"><!--
#a {
filter: Alpha(Opacity=20);
filter:alpha(opacity=20);
-moz-opacity: 02;
-khtml-opacity: 02;
opacity: 02;
}
-->
</style>1、首先新建一个html文档,然后保存到站点。在body建立div标签,在div中插入一张。在div再建立一个块状标签,新建立的h1和img是同级,都是div的子集。
2、其次在style中输入div属性,设置固定宽度400px,高度由子集撑起来,对div添加相对定位。对栏进行设置,将转为块状,设置宽度和父集一样宽。
3、最后然后对h1进行设置,将h1覆盖在上方,宽度和高度都设置为100%,调整不透明度,相对定位,margin:0。去掉h1本身带有的属性。然后添加伪类效果,鼠标经过div时,h1慢慢显现,造成慢慢变黑的效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)