淘宝新版旺铺导航半透明CSS代码是什么

html-css015

淘宝新版旺铺导航半透明CSS代码是什么,第1张

1：登陆淘宝卖家中心，进入淘宝店铺装修后台页面，鼠标放在导航栏位置，出现编辑窗口，

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}

可以参考以下我的这个代码：

XXX:{

border:

5px

solid

rgba(XXX,

XXX,

XXX,

0.5)

}

其中第一个XXX是你选择的需要半透明的元素

接下来的XXX是你想要半透明的颜色

设置透明度为0.5就可以做到半透明了。

“长城郭靖”回答的是错的，他答的是让整个元素半透明

只让背景半透明只有一个办法，就是用rgba颜色，代码如下

background: rgba(0, 0, 0, 0.5)

解释：这是黑色半透明的代码

　前三个值表示颜色的red,green,blue值

　最后一个表示alpha值，就是透明度值，不透明为1

　（支持IE8+以及所有现代浏览器）

还是不懂的话，可以参考 百度百科 “rgba”词条 和 “CSS 颜色值”词条