找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2002|回复: 4

[求助] text-align 负值IE下失效

[复制链接]
发表于 2010-10-31 17:15:09 | 显示全部楼层 |阅读模式
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>菜单</title>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<style type="text/css" media="all">
   *{padding:0px; margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif,"宋体"}
   .clear{clear:both}
   img{ border:0px}
   ul{list-style:none;}
   a{text-decoration:none}
         
         body{background:url(images/bg.jpg) #E20001 repeat-x 0 0}
         
         #logo{width:500px; height:459px; margin:0 auto; background:url(images/susu.jpg) no-repeat 0 0}                 
         
        #nav{margin:0 auto; width:618px; height:40px; background:url(images/nav_link.jpg) no-repeat 0 0;padding-left:14px; list-style:none;}
        #nav li{ float:left; width:87px; margin-right:43px;line-height:40px; text-align:center }
        #nav li#e{ margin-right:0}
        #nav li a{ display:block; text-indent:-9999px}
       
        #nav li#a a:hover{ background:url(images/nav_hover.jpg) no-repeat -14px 0; width:87px}        
                #nav li#b a:hover{ background:url(images/nav_hover.jpg) no-repeat -144px 0;width:87px}
        #nav li#c a:hover{ background:url(images/nav_hover.jpg) no-repeat -274px 0;width:87px}
        #nav li#d a:hover{ background:url(images/nav_hover.jpg) no-repeat -404px 0;width:87px}
        #nav li#e a:hover{ background:url(images/nav_hover.jpg) no-repeat -534px 0;width:87px}
</style>

<body>
<div id="logo"></div>
<ul id="nav">
  <li id="a"><a href="#">+</a></li>
  <li id="b"><a href="#">Susu</a></li>
  <li id="c"><a href="#">Music</a></li>
  <li id="d"><a href="#">Forum</a></li>
  <li id="e"><a href="#">Blog</a></li>
</ul>
</body>
</html>

就是菜单那有问题,在IE6下 a:hover失效,不能切换背景图, 我不知道是不是text-indent:-9999px 问题,反正在其他浏览器下没问题!???????? 请求解决之道,f(附件)

demo.rar

59.7 KB, 下载次数: 159

发表于 2010-10-31 19:44:12 | 显示全部楼层
在A的时候就设置好宽度。

  1. #nav li a{width:87px;}
复制代码


这样:hover的宽度定义就可以去掉了。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-11-3 18:57:29 | 显示全部楼层

回复 2# yoom 的帖子

谢了 哥们!
回复 支持 反对

使用道具 举报

发表于 2010-11-3 21:21:18 | 显示全部楼层
有时也可以尝试 text-align:left;  

在某些情况下 text-align: - 值 时会失效..  这时text-align:left能修补下.
回复 支持 反对

使用道具 举报

发表于 2010-11-7 20:13:14 | 显示全部楼层
text-align 有负值????
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-2-28 08:58 , Processed in 0.063851 second(s), 12 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表