css3技术

Transparencecssmenu如何制作透明的CSS菜单_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-29 08:07 我要评论( )

Transparencecssmenu如何制作透明的CSS菜单,学习Transparencecssmenu如何制作透明的CSS菜单,Transparencecssmenu如何制作透明的CSS菜单,查看Transparencecssmenu

透明的CSS菜单
兼容性:IE5.5 、Opera、Frefox、Netscape!

CSS代码如下:

div css xhtml xml Example Source Code

Example Source Code []

body{
font: 80% Arial,sans-serif;
background: #666;
}
#nav{
width: 170px;
background: url(navbg.gif) bottom;
list-style-type: none;
margin: 0;
padding: 0;
}
#nav a{
display: block;
width: 170px;
line-height: 25px;
text-decoration: none;
color: #333;
text-indent: 10px;
font-weight: bold;
background: url(nav2.png);
}
#nav a:hover{
background: none;
color: #999;
}



用if调入对ie的CSS控制:

div css xhtml xml Example Source Code

Example Source Code []

<!--[if gte IE 5.5]>
<style type=\"text/css\">
#nav a{background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='nav2.png')}
#nav a:hover{filter: none}
</style>
<![endif]-->


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评