访客必读

营销型网站

竞价托管

手机网站

网站优化

新闻中心

成功案例

联系我们

text-indent属性兼容IE和火狐浏览器的方法

发布时间:2015年02月21日 07:18 浏览:2521次

text-indent属性兼容IE和火狐浏览器的方法,小编亲测可用

最近总是希望将最近的做的网站对搜索引擎友好,

text-indent: -9999px;
把 h1作为一个块来显示(display: block;),指定长宽(和图片一样大小),然后指定h1的背景图片,也就是将我们需要的图片作为h1这个标签的背景。而h1标签中插入的,仍然是作为 字符形式出现的博客标题,然后用text-indent: -9999px;将文字甩到屏幕看不到的地方,9999px应该是足够了,谁的屏幕也没那么大吧。

h1 a { height: 30px; width: 165px; float: left; text-indent: -9999px; background-image: url{images/logo.jpgf); background-repeat: no-repeat; display: block; position: relative; }

<h2><a href=http://www.xinsu360.cn/>新速科技</a></h2>

这方法在火狐下有问题,但解决的方法是“overflow:hidden;

同时要注意的是“display: block;”一定要写。


郑州新速科技是在郑州地区专业从事郑州网站建设,郑州网页设计,等相关设计制作的个人网络工作室。联系电话:15136144056 | www.xinsu360.cn
全国服务热线13343867249
销售热线:15638281969
技术支持:0371-63248369
E-mail:lm@xinsu360.cn
地址:河南省郑州市金水区北三环52号1号楼26层2605号
河南省新速度计算机科技有限公司 备案号: 豫ICP备14017698号 Copyright 2024,ALL Rights Reserved