dreamweaver表格背景透明度

dreamweaver表格背景透明度,第1张

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慢慢显现,造成慢慢变黑的效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/yw/13244542.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-06-25
下一篇 2023-06-25

发表评论

登录后才能评论

评论列表(0条)

保存