关于CSS hover的问题 - Web 开发 / HTML(CSS)
特此声明:非诚勿扰!灌水的别来!
本人最近在制作一个导航条,出现一个问题:大家知道hover是当鼠标移到链接上的时候出现的样式,我的背景放在一个DIV层中(id="menus"),背景是通过CSS控制的图片(menu_background_image.png)格式为png的,我想当鼠标移动到链接上时,出现一个图片(menu_li.png)也是PNG格式的,但是总是实现不了(在IE8中可以,但是在IE6中实现不了)请问各位怎么解决啊?
以下是CSS代码和HTML代码:
CSS code:
<style type="text/css">
<!--
#menus {
float: left;
width: 600px;
text-align: center;
background-image: url(images/menu_background_image.png);
/*background-position: center center;
background-repeat: no-repeat;*/
height: 20px;
}
#menus ul li {
padding-right: 10px;/*FireFox*/
/*padding-left: 15px;*/
padding-right: 15px\0;/*IE8*/
padding-left: 15px\0;
_padding-right: 12px;/*IE6*/
_padding-left: 12px;
display: inline;
padding-left: 15px;
margin-right: 0px;
margin-left: 0px;
padding-top: 3px;
padding-bottom: 3px;
}
#menus ul {
margin-left: -55px;
padding-left: -6px\0;
_margin-left: -8px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 13px;
color: #FFF;
padding-top: 6px;
padding-bottom: 4px;
}
#menus a:link,#menus a:visited{
color: #FFF;
text-decoration: none;
}
#
相关问答:
为什么HTML以及一些其它标签会显示一些特定表现形式呢?如HTML中的换行标签<BR/>在底层是怎样实现的呢?现实的原理是什么呢
去W3C官方网站上,看看吧!我想一看你就明白了
我猜和编译原理有关,浏览器里可 ......
.css1 .css2 #objid {OVERFLOW: scroll;...}
.css1 .css3 {...}
把具有共同样式的写到一起了 好维护
中间无逗号,属于样式嵌套
样式的共同的地方写在一起,可以省掉不必要的代码行~
这个就是代码 ......
我从后台获取了下边一段html代码但我现在想吧<span></span>里的内容过滤去掉谁能给个好的,简单的方法
多谢各位了……
<html>
<body>
<div>
<sp ......
display:inline-block;
overflow:hidden;(网络上查找是影藏溢出,但是测试起来感觉不太明白)
position:relative;(绝对定位,不知道对不对)
position:absolute;
这四个属性在CSS里面出现频率比较高,高手指点 ......