IE6下的text-indent属性BUG解决方法

最新推荐文章于 2021-06-15 15:55:47 发布
最新推荐文章于 2021-06-15 15:55:47 发布
阅读量100 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/ihqn19/archive/2012/08/11/2633345.html
本文探讨了在IE浏览器中设置text-indent属性导致元素不显示的问题，并提供了通过添加display:block来解决该问题的方法。具体实例参见链接。

在ie下。设置了text-indent：-999em;之后再给一堆诸如宽度背景图之类的顺属性，是不会被显示出来的。

加上一句 _display:block;就可以显示了。

具体请看连接~

http://www.cnblogs.com/dp121/archive/2011/05/13/2045255.html

转载于:https://www.cnblogs.com/ihqn19/archive/2012/08/11/2633345.html

IE6中a标签同时使用inline-block与text-indent时出现的BUG
09-25
在本文中，我们将深入探讨一个特定的问题：在IE6中，当`<a>`标签同时使用`inline-block`和`text-indent`属性时出现的显示异常。 `inline-block`是一个CSS布局属性，它使元素表现得像内联元素，但同时允许设置宽度、...
12种CSS BUG解决方法与技巧
09-25
CSS BUG解决方法是前端开发中常见的挑战，这里提供12种解决技巧，主要针对不同浏览器的兼容性和特定问题。 1. **针对浏览器的选择器**：在CSS中，我们可以使用特定的选择器来解决浏览器兼容性问题。例如，`* ...
ie6、7下 text-indent 问题
weixin_30908649的博客
02-25 108
text-indent属性 用于文字缩进，更多是用来隐藏文字。比如，一个logo标题，上面的问题很有艺术感，不得不把文字和背景组合成一张背景图(此处页面元素用a表示)，但处于SEO方面的考虑,需要把a里面的文字隐藏掉，多数用该方法: text-indent:-9999px;,但在ie6、7中背景和文字会全部隐藏掉，分析出现问题的原因是，ie6、7中并没有真正的inline-block属性...
ie6下text-indent带来的一个bug
luochao_tj的专栏
12-30 1449
html结构为 好吧，为了让输入框看上去好看一点，于是前端同学在input上加上了text-indent为3px。 完了在ie6下就悲剧了，input元素相对p元素向右移动了3px，同时把p元素也撑大了3px，像是给p元素设置了一个padding-left一样，坑爹啊。 http://www.tcreator.info/webSchool/xhtml-css/text-indent-in-i
html text-indent,css之text-indent
weixin_34370877的博客
06-15 884
text-indent(一个在ie6下有着奇怪表现的属性)text-indent作为大家都很熟悉的一个css属性，应该都不太会对这个属性去做过多的研究。我本来也是觉得这属性也就这样了，直到今天遇到的一个以前未注意过的bug...先看下w3school对text-indent的介绍：定义text-indent 属性规定文本块中首行文本的缩进。注释：允许使用负值。如果使用负值，那么首行会被缩进到左边。...
IE6,IE7下text-indent消失问题
奈文摩尔的世界
03-02 928
实际应用中，考虑seo的情况下，很多button，icon都要用到inline-block和text-indent来处理 例如： HTML:Button CSS: .btn{display:inline-block; width:100px; height:23px; text-indent:-9999px;background-image:url(img.jpg);} 如果这样写
IE6和7下text-indent导致inline-block标签消失的bug
diaosheng8387的博客
01-24 114
在实际应用中，考虑到seo，很多button，icon都要用到inline-block和text-indent来处理，例如： <a href="#" class="btn">Button</a> css我习惯写成这样 .btn{display:inline-block; width:100px; height:23px; text-indent:...
IE 的 text-indent Bug
xjinza的专栏
08-31 729
转自：http://www.mixfog.com/blog/2008/03/ie-text-indent-bug-inline-element.htm 今天遇到的一个 Bug，主要表现为：当容器的第一个子元素为 inline 属性，并且为该子元素定义了 text-indent
IE7 浏览器下面设置text-indent属性变成margin属性BUG
weixin_34392843的博客
09-16 124
问题来源 今天做项目的时候发现了一个问题，在使用text-indent属性对元素进行缩进是发现在360浏览器下发生了元素偏移，跟margin-left的效果一样，打开f12发现3607.1浏览采用的ie7.0的文档模式，果然在ie7里面测试是一样的结果 IE7下效果 其他浏览器下效果 之所以这样是因为ie6、7浏览器不支持display属性的inline-block...
CSS BUG解决方法以及CSS BUG类的小技巧
09-27
对于IE6特有的Box Model bug，可以通过设置`box-sizing`属性或者使用`display`属性来调整元素的尺寸计算方式。 处理两个层之间3像素间隙的“IE3pxbug”通常需要避免浮动或调整元素的布局方式，有时可以通过负margin...
模拟兼容性的 inline-block 属性
10-30
3. 解决 `-moz-inline-stack` 的bug：在某些情况下使用 `-moz-inline-stack` 属性会导致其内部的链接不可点击。这个bug可以通过为元素添加 `position:relative;` 来解决。 为了兼容各种浏览器，可采用以下的CSS规则...
spark_embedded_2.12-0.0.50.jar
09-09
spark_embedded_2.12-0.0.50.jar
aggregator_2.11-0.0.39-sources.jar
09-09
aggregator_2.11-0.0.39-sources.jar
包含英文版本的 stable-diffusion-webui colab 部署版及插件配置与实用脚本
09-09
打开下面链接，直接免费下载资源： https://renmaiwang.cn/s/djcp0 stable_diffusion_webui 的 colab 部署版本（其中包含英文版本），已经完成了当前较为流行的各类插件依赖的下载操作，并且针对这些插件依赖开展了初始化的配置工作。该部署版本配备了多项实用脚本，具体涵盖 mod 管理脚本、手机端自适应脚本以及图片信息本地读取脚本等。
insurance-cardscan-0.3.6-javadoc.jar
09-09
insurance-cardscan-0.3.6-javadoc.jar
catboost-spark_3.2_2.13-1.2.2.jar
09-09
catboost-spark_3.2_2.13-1.2.2.jar
online_2.11-0.0.52.jar
最新发布
09-10
online_2.11-0.0.52.jar
online_2.13-0.0.77.jar
09-09
online_2.13-0.0.77.jar
loyalty-0.1.3-beta02-sources.jar
09-09
loyalty-0.1.3-beta02-sources.jar
text-indent属性详解：块级、行内、替换元素应用
然而，在某些浏览器（尤其是较旧版本的IE6/7）中，直接为行内元素设置text-indent可能会产生非预期的结果。 3. text-indent应用于替换元素 替换元素，如`<img>`或`<input>`，不显示内联文本，因此text-indent对...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值