首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

为何css样式中的hover在JSP中不起作用

2013-02-20 
为什么css样式中的hover在JSP中不起作用@charset gbk* { margin:0 padding:0 }li { list-style:none

为什么css样式中的hover在JSP中不起作用


@charset "gbk";
* { margin:0; padding:0; }
li { list-style:none; }
a { color:#FF0000; text-decoration:none; }

#menu_1 { width:90%; margin:50px auto; text-align:center; }
.menu_1 li{ float:left; position:relative; background-color:#00FF00; height:35px;width:100px; 

line-height:35px; font-size:15px; }
.menu_1 li.hover{ background-color:#4D1EE5; }
#menu_1 li ul { display:none;}
#menu_1 li ul li { float:none;width:100px;}
.menu_2, .menu_3, .menu_4, .menu_5, .menu_6 { position:absolute; }
.menu_2 { top:35px; left:0px; }
.menu_3 { top:0px; left:100px; }
.menu_4 { top:0px; left:100px; }
.menu_5 { top:0px; left:100px; }
.menu_6 { top:0px; left:100px; }

[解决办法]
.menu_1 li.hover{ background-color:#4D1EE5; 

hover 后面没有点的 
伪类后面直接加一个空格
[解决办法]
li.hover选择所有拥有class hover的li
li:hover选择所有hover状态的li,在ie老版本里面不合法
要分清楚,第一种写法一般需要js配合在mouseover的时候加入hover这个class,但是在所有浏览器成立
第二种写法不需要js配合,但是ie会有问题 

热点排行
Bad Request.