CSS中a:hover在浏览器中无法显示
来源:互联网 发布:手机怎么清除用户数据 编辑:程序博客网 时间:2024/05/16 02:31
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">用HTML和CSS做背景图片定位的静态页面 </span>
此行代码一直不起作用,
#h a:hover{background:transparent url(bg.gif) 0 -55px no-repeat;}
发现要将display设为block;
正确代码如下
html:
<span style="font-size:24px;"><!doctype html> <head> <link rel="stylesheet" type="text/css" href="text2.css"> </head> <body> <ul> <li id="h"><a href="#">HTML</a></li> <li id="b"><a href="#">Javascript</a></li> <li id="s"><a href="#">ServerSide</a></li> <li id="d"><a href="#">ASP.NET</a></li> <li id="x"><a href="#">XML</a></li> <li id="m"><a href="#">Web Services</a></li> <li id="w"><a href="#">Web Building</a></li> </ul> </body></html></span>
ul{height:55px;width:1125px;margin:0;padding:0;background:transparent url(bg.gif) 0 0 no-repeat;}li{float:left;text-indent:-9999px;}li a{display:block;height:55px;}#h{left:0px;width:155px;}#b{left:155px;width:157px;}#s{left:312px;width:167px;}#d {left:479px;width:158px;}#x{left:637px;width:101px;}#m{left:738px;width:185px;}#w{left:923px;width:177px;}#h a:hover{background:transparent url(bg.gif) 0 -55px no-repeat;}#b a:hover{background:transparent url(bg.gif) -155px -55px no-repeat;}#s a:hover{background:transparent url(bg.gif) -312px -55px no-repeat;}#d a:hover{background:transparent url(bg.gif) -479px -55px no-repeat;}#x a:hover{background:transparent url(bg.gif) -637px -55px no-repeat;}#m a:hover{background:transparent url(bg.gif) -738px -55px no-repeat;}#w a:hover{background:transparent url(bg.gif) -923px -55px no-repeat;}
下面是bg.gif图片
0 0
- CSS中a:hover在浏览器中无法显示
- IE下a标签中内容为空,在页面中无法显示其hover样式的解决方法
- 在CSS中定义A:active/A:link/A:visited/A:hover顺序【zz】
- 在CSS中定义A:link/A:visited/A:hover/A:active顺序(LVHA)
- 在CSS中定义A:active/A:link/A:visited/A:hover顺序
- 在CSS中定义A:active/A:link/A:visited/A:hover顺序- 费吉德-
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 在CSS中定义a:link、a:visited、a:hover、a:active正确顺序
- CSS中定义a:hover , a:visited , a:actived
- 【python】数据库操作
- OpenStack Summit Vancouver 会议纪要
- 百度2014校园招聘笔试题 ——深度学习算法研发工程师.
- 查看weblogic版本号
- 2015.5.30
- CSS中a:hover在浏览器中无法显示
- JAVA中创建JSON数据
- 安卓UI线程与异步消息处理机制
- 在pythonanywhere上搭建django程序(Virtualenv+python2.7+django1.7+)
- Android Studio 中如何更改SDK路径
- 飞机大战-GameGoods商品的实现
- SQLi Labs【level 1-5】
- android 中访问网络介绍 一 (基于httpurlconnection 的中get请求)
- Python通过文件头来判断文件的真实类型