日期:2014-05-18 浏览次数:20272 次
ie6下 li:hover 是没有效果的。 下面只适合IE7
以下是HTML网页特效代码,点击运行按钮可查看效果: 以下是程序代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> li {width:180px;height:30px; background:fffff} li:hover{background:#000000; filter : alpha(opacity=20);} </style> </head> <body> <ul> <li><a href="#">第一链接</a>文字<a href="#">第二链接</a></li> <li><a href="#">第一链接</a>文字<a href="#">第二链接</a></li> </ul> </body> </html></font> <a href="http://js.aiyiweb.com/">欢迎访问爱易网网页特效代码站,js.aiyiweb.com</a> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
下面适合ie6,ie7
以下是HTML网页特效代码,点击运行按钮可查看效果: 以下是程序代码<html> <head> <style type="text/css"> li {display:block;Width:180px;height:30px} a {display:block;background:#fffff} a:hover {background:#000;filter:alpha(opacity=20); -moz-opacity:.20; opacity:0.2} </style> </head> <body> <ul> <li><a href="#">第一链接</a></li> <li><a href="#">第一链接</a></li> </ul> </body> </html></font> <a href="http://js.aiyiweb.com/">欢迎访问爱易网网页特效代码站,js.aiyiweb.com</a> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]