使用text-indent: -999px;IE6无法正常显示的问题。
2012-4-23 15:02 Monday  

分类: CSS 标签: px category href li background 评论(45) 浏览(20066)

今天一个项目,

<div class="title">
                <a href="/category-5/">女袜</a>
                <ul>
                    <li><a href="/category-5/">更多&gt;&gt;</a></li>
                                        <li>|</li>
                            <li><a href="/category-6/">丝袜</a></li>                            
                                                <li>|</li>
                            <li><a href="/category-7/">毛袜</a></li>                            
                                                <li>|</li>
                            <li><a href="/category-14/">长袜</a></li>                            
                                                <li>|</li>
                            <li><a href="/category-17/">丝袜3</a></li>                            
                                            </ul>
            </div>

其中,

<a href="/category-5/">女袜</a>

对应的样式是:

display: inline-block;height: 34px;width: 220px;background-position:0 -364px;text-indent: -999px;

当然,还有个background的,就不贴出来了。

在火狐和GOOGLE下面都是正常的,但是IE6下,那个背景就不能显示了,研究了许久都不行,后面将上面的样式修改为:

display: inline-block;height: 34px;width: 220px;background-position:0 -364px;text-indent: -999px;float:left;

问题解决。。。

 

 

 

 

+1 4

留下你的看法: