外链网 需要CSS隐藏文字的情况

Դhttp://www.6cu.com

ߣ博客外链

11

2021-04-02 20:00:06

需要CSS隐藏文字的情况,网站优化,百度优化,搜索引擎排名,

1.在容器里面加个标签span,然后用display:none;兼容性比较好。但是会多个标签,如果循环使用的话,会多一堆html代码,单个图片或者按钮推荐使用。

如果是要隐藏input 的value用这种方法就不好实现。所以就有了第二种方法:

2.使用text-indent:-9999px;

它也有个局限性,就是只能用于块状元素(block),如果我们想偏移掉a上的字体,问题就出来了:为了偏移文字要改变a的 为block,这样a后面的元素要到下一行了,要再用float来避免,这样未免有点麻烦。

3.下面这种方法比较常用:

line-height:0;

font-size:0;

overflow:hidden;

能完美“隐藏”掉你background之上的字体,兼容性也比较好,经测试 ie6.0 、 7.0 、8.0、firefox 3.010 通过。



佭ϴý Ѷ Media8ý

在线客服

外链咨询

扫码加我微信

微信:juxia_com

返回顶部