2:点击编辑,找到“显示设置”,点击后看到白框就是CSS自定义框。
3:将我们上面提供的透明代码复制进去,导航栏就会透明显示了
简单的淘宝新旺铺自定义CSS导航透明背景代码:
.skin-box-bd{background:none}
.menu-list{background:none}.link{background:none}
.menu{background:none}
.all-cats{background:none}
.all-cats{display:none}
.menu-list .menu .title{color:#CF6AA6}
完全的淘宝新旺铺自定义CSS导航透明背景代码:
.skin-box-bd{background:noneborder:none}
.menu-list{background:none}
.link{background:noneborder:none}
.menu{background:none}
.all-cats{background:none}
.skin-box-bd .all-cats .link{border:none}
.skin-box-bd .menu-list .menu{border:none}
.menu-list .menu .title{color:#000000font-size:15pxfont-weight:bold}
.all-cats .link .title{color:#000000font-size:15pxfont-weight:bold}
.skin-box-bd .menu-list .menu-selected .link{background:none}
.skin-box-bd .menu-list .menu-selected .link .title{background:none}
在CSS中,增加透明度关键字,推荐这个回答:
怎样在CSS样式中设置背景的透明度,下面一个具体的实例。把类为box的层设为透明。
<div class="box"></div>
<style>
.box{width:300px
height:200px
margin:0 auto
boxder:1px solid #ccc
background:#000
filter:alpha(opacity:30)
opacity:0.3-moz-opacity:0.3-khtml-opacity: 0.3}
</style>
其中background:#000filter:alpha(opacity:30)opacity:0.3为关键代码,当opacity值为1时,表示完全不透明,为0时表示完全透明。
其关的属性介绍如下:
opacity: 0.3;这是“最重要的”,因为它是在CSS的现行标准。这将在Firefox,Safari和Opera的大多数版本的工作。这将是你所需要的一切如果所有的浏览器都支持目前的标准。当然是他们不会错。
filter:alpha(opacity=30)这一个是针对IE浏览器
-moz-opacity:0.3你需要这一个支持老版本的Mozilla浏览器如Netscape Navigator。
-khtml-opacity: 0.3这是旧版本的Safari(1.×)当渲染引擎是使用仍被称为kthml,而不是目前的WebKit。
——这是目前最专业的回答
您好,如果你想设置背景颜色得透明度,可以用background:rgba(r,g,b,a)其中a为透明度,从0-1
如果你想设置整体透明度,可以使用css属性opacity:0到1