IE-Bug CSS

最新推荐文章于 2026-01-06 18:19:56 发布
原创 最新推荐文章于 2026-01-06 18:19:56 发布 · 821 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#internet #microsoft #object #input #浏览器 #css

本文介绍了一种在Microsoft Internet Explorer中解决容器内元素与文本连接时行高失效的问题的方法。通过对img、input、textarea等元素应用特定的margin和vertical-align样式，可以有效解决此问题。

BUG症状：当在一个容器里文字和img、input、textarea、select、object等元素相连的时候，对这个容器设置的line- height数值会失效； 

受影响的浏览器： 
Microsoft Internet Explorer 5.01 / Windows 
Microsoft Internet Explorer 5.5 / Windows 
Microsoft Internet Explorer 6  

解决方法： 
对和文字相连接的img、input、textarea、 select、object等元素加以属性 

margin: (所属line-height-自身高度)/2px 0;  
vertical-align:middle

IE-bug
03-24
通常，IE的bug可能涉及CSS样式不正确显示、JavaScript功能失效、页面布局错乱等问题。开发者可能需要利用一些特定的技巧，如条件注释、jQuery的`.browser`模块，或者使用polyfill来修复这些问题。 标签“源码”表明...
webpack-ie9-bug
06-13
"webpack-ie9-bug"这个存储库正是为了演示和解决在IE9中遇到的特定错误而创建的。 在JavaScript的世界里，IE9是个特殊的浏览器，因为它不支持许多现代JavaScript特性，如ES6的箭头函数、Promise、模板字符串等。...
ie浏览器css怎么调,IE浏览器下的CSS问题小结
weixin_30008295的博客
08-03 1035
IE浏览器下的CSS问题小结发布时间：2012-10-11 23:52:59 作者：佚名 我要评论IE浏览器下的CSS问题小结，需要的朋友可以参考下IE下的特殊情况下面是14条特殊情况你看一下是哪个问题出错了这些仅供参考：1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff 下实际占高17p...
【htc法：IE-CSS3】CSS3支持IE6、IE7、IE8
HTMl5自由者
05-16 3668
【htc法：IE-CSS3】CSS3支持IE6、IE7、IE8 摘要：IE-CSS3是提供一些CSS3标准新款式在即将到来的的Internet Explorer支持的脚本。 IE-CSS3简介 IE-CSS3是一种作用于IE浏览器的客户脚本，可以为一些CSS3支持度不好的低版本的IE浏览器（IE6、IE7和IE8）提供支持一些新的CSS3样式和标准。 IE-CSS3的使用方
CSS IE6躲猫猫Bug
歪脖先生的博客
02-26 733
IE6躲猫猫Bug在IE6中，另一个很奇怪而且让人抓狂的 Bug，就是 peek-a-boo Bug。peek-a-boo 是大人把脸一隐一现，来逗小孩发笑的一种游戏。因此，中文把它称作IE6躲猫猫Bug。IE6躲猫猫Bug出现的条件是：一个浮动元素后面跟着一些非浮动元素，接着是一个清理元素，所有元素都包含在一个有背景色或背景图片的父元素中。现在，我们构造一个HTML结构，来重现这个 Bug。代码...
css怎样兼容ie11,IE11的CSS兼容性问题
weixin_29064103的博客
08-03 768
最近测试给了我一大堆BUG，一瞅发现全是IE11的。吐槽一下这个浏览器真的比较特立独行。很多默认的样式跟别的浏览器不同，而且最明显的一点应该是padding左右内边距往往比别的浏览器大了一倍。但是当需要修改的时候又头疼了。如果改变原有的padding值，那么在IE11生效了。别的浏览器又有问题了。于是在网上搜了一下有没有专门针对IE11的CSShack，就是只对IE11生效的CSS样式，一查还真有...
css设置ie浏览器的样式,IE浏览器常见的9个css Bug以及解决办法
weixin_30068377的博客
08-03 1024
我们在浏览网页的时候经常看见这样的现象：某个网页在IE6浏览器中打开很正常，但是在IE8里面打开可能完全变形了。或者也有可能出现完全相反的现象。这让Web程序员及设计师往往为了其CSS在各个IE版本下表现怪异而痛苦不已，有时候需要通过专为IE6或者IE8设计单独的定义。IE浏览器则因此被公认为Web程序员的毒药，虽然在微软官网上并没有提供相关的解决方案，但是IE浏览器的兼容性存在的问题却是Web程...
CSS BUG解决方法以及CSS BUG类的小技巧
2401_87288961的博客
09-21 589
如果你给一个行内元素定义宽度,那么它只是在IE6下有效. 所有的HTML元素要么是行内元素要么就好是块元素. 行内元素包括:
ie9渲染的bug
xixiruyiruyi的博客
04-26 1050
我刚开始工作的时候，就是刚好有一个项目在ie9下回产生一个bug，正常下显示是这样的 当我的鼠标触碰到绿色区域的div时，就会出现一大片的空白区域。 如图下： 后来我查找发现，原来是ie9自身的一个bug，当div使用“overflow：auto”的时候，就会出现一大段空白。 解决方法：加上一个min-height:0%.这个bug也就解决了。
Bug 3 ：Web前端的CSS样式在IE上错乱失效
sinat_27354333的博客
05-13 492
BUG 3：Web前端的CSS样式在IE上错乱失效 问题： Web在自己电脑上测试IE、Chorme、Edge都样式正确，没有错乱。但是发布到正式服务器上后，却在IE浏览器上样式错乱，F12查看网页源码(如下图)。 兼容模式本应该是11的，但在服务器上发布后就变成7了。 解决方案： 其实只是IE的兼容模式不同带来的。可在Web.Config中添加WebServer节点，来指定IE视图采用哪种方式。 <system.webServer> <httpProtocol&
IE CSS bug--hack
hbzyaxiu520的专栏
08-01 513
作为一名前端，我们通常要做的就是让页面在各系统A-Grade浏览器，甚至网站浏览份额0.1%以上的浏览器上良好显示。当然，还有性能问题。不 过，今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天，IE6-9/Mozilla（Gecko）系列 /Chrome/Safari/Opera etc. 这些浏览器的兼容，无不让前端们头痛。而在这之中，最让人头痛的当数IE，特别是IE6。搞定了IE6，基本也就能称霸半个江山了。搞定了IE，也相当于 占领了7、80%的领地。你想做一
解决ie9、ie10本地css加载不上的解决方法实例
03-27
Internet Explorer（IE）作为曾经的主流浏览器，尤其在IE9和IE10版本上，开发者常常会遇到CSS（层叠样式表）加载不上的问题。这主要是由于IE9和IE10对某些CSS特性支持不足以及对文件加载机制的差异导致的。本篇将...
IE CSS Bug及解决方案参考手册
09-25
例如，为了修正IE6/IE7中IE特有的bug，可以使用如下CSS属性值： ```css * html .class {property:expression('all-ie\9');} ``` 其中，property可以是需要覆盖的CSS属性，而“all-ie\9”是IE特有的条件值，它只...
IFRAME写法遇到的问题
Feiin的专栏
04-10 1657
前些天，因为使用IFRAME不当而而是网页显示不全现象，找了N久原因才发现，查了文档现将IFRAME标准用法记录如下>iframe标签  --  代表HTML内联框架iframe标签是成对出现的,以开始,结束【切记，上次就是这个问题】iframe标签内的内容可以做为浏览器不支持iframe标签时显示属性Common -- 一般属性name -- 定义了内容页名称
机顶盒兼容那点事情
Feiin的专栏
08-02 1459
要适应机顶盒浏览器不是个简单事情，搞了这么久简单记录哈。     1.尽量少用margin,txt-indent，float这些来设置样式，否则各个厂家机顶盒支持的标准稍微有区别。     2.背景图片还是老实点用background="/theme/default/epg/welcome.jpg" 这种方式，虽然写起来很不爽，但都兼容它；     3.js中尽量少用IndexOf,lastIndexOf,charAt，Match函数，并不是所有机顶盒都支持，search倒是个不错的取代IndexOf的方法
li margin-bottom在IE6,7中底部3像素的BUG
Feiin的专栏
09-27 1318
今天碰到一个li在IE中的BUG<br />在IE6,7中设置ul 的 li中 margin-bottom 时候多产生了3像素，<br /> <br />解决办法：<br />给li设置float<br />例如：float:left;
设置firefox元素的style.left属性
Feiin的专栏
11-04 1048
今天在js定位div时候，发现在firefox对div元素的style.left属性赋值老是不起作用,整了很久才发现赋值出了小点问题原来是：suggestDiv.style.left=pos.Left;修改后suggestDiv.style.left=pos.Left+"px";//修改后才起作用
LangGraph入门：LCEL详解
最新发布
cute_ming的博客
01-06 452
LangGraph是LangChain生态系统中的一个重要组件，它扩展了LCEL（LangChain Expression Language）的能力，允许开发者构建有状态、多步骤的复杂AI工作流。与传统的线性链式调用不同，LangGraph支持循环、条件分支等图结构，能够更好地模拟真实世界的复杂决策流程。本文将深入探讨如何在TypeScript环境中使用LangGraph和LCEL，通过实际示例展示如何构建强大的AI应用。通过此文档的阅读，你将收获理解LangGraph的核心概念和架构设计。
IE6-IE8 CSS Bug集合与浏览器兼容性解决方案
"这篇文章主要汇总了在开发过程中遇到的IE6、IE7和IE8浏览器中的CSS bug，以及对应的解决策略。作者希望这些经验能帮助到其他前端开发者，并鼓励大家在评论中分享自己的发现和解决方案。文章列举了两个具体的例子：1...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值