展会信息港展会大全

透明的(transparence)CSS菜单
来源:互联网   发布日期:2016-03-25 16:39:21   浏览:1751次  

导读:这是个透明的CSS菜单,兼容性:IE5.5+、Opera、Frefox、Netscape。CSS代码:代码如下复制代码 body{ font:80%A...

这是个透明的CSS菜单,兼容性:IE5.5+、Opera、Frefox、Netscape。

CSS代码:

代码如下

复制代码

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控制:

代码如下

复制代码

<!--[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]-->

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港