如何用CSS把下拉菜单背景色弄成透明而上面的文字不透明

html-css013

如何用CSS把下拉菜单背景色弄成透明而上面的文字不透明,第1张

背景图定位用background-position其值有top、center、bottom，如将图直接放网页正中body{background:url(image.jpg)background-repeat:no-repeatbackground-position:center center}，如果不设置容器背景此容器就是透明的了！

怎么不贴出代码　

给你个思路

比如代码大概是这样子：

<ul>

<li><a href="">菜单</a></li>

<li><a href="">菜单</a></li>

</ul>

把最外层的ul设置背景图片。padding:10px

li设置margin-top:10px

a链接设置背景颜色任意，比如白色

这样下来的效果是，一个带有图片背景的菜单区域，通过菜单间隔可看到后面的背景图

最后，在a链接设置hover状态，a:hover{background:transparent}　

当鼠标滑过一个链接后，此链接原来设置的背景色没有了，这样就看到了ul的背景图

效果不错的　而且代码也非常少...

至于竖向折叠大同小异了..

div默认就没有背景吧，

如果是你自己写，背景这快不写就成了，

如果你是改别人的只是要背景的话透明你可以直接找到那对应的样式表中导航条部分的背景去掉啊。

你可以再详细点描述下你的问题，或者截个图。说下是哪里出现了你不想要的背景啦神马的~