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

2023-05-21    分类： 网站建设

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.cdcxhl.cn/>创新互联</a></h2>

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

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


成都创新互联是在成都地区专业从事成都网站建设，成都网页设计，等相关设计制作的个人网络工作室。

新闻名称：text-indent属性兼容IE和火狐浏览器的方法
标题来源：https://www.cdcxhl.com/news16/260416.html

成都网站建设公司_创新互联，为您提供营销型网站建设、网页设计公司、网站设计、手机网站建设、外贸建站、商城网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

h5响应式网站建设

网站建设知识

同城分类信息