`

IE下css常见的问题

 
阅读更多

 

1、双边距问题

 

#mydiv{

float: left

margin-left:　100px

}

在ie6下这个div的左边距和普通的浏览器不同，他会是200px

 

修复这个问题：

 

加一个属性  display:inline;

 

 

2、IE下面的hasLayout问题

 

div#box{

 

background: red;

filter:aplpha(opacity=50);

opacity:0.5;

}

 

<!DOCTYPE HTML>

 

...

<div id="box">

 

test

</div

 

IE6\7下面div是没有hasLayout，没有它，那么滤镜就不会起作用

 

 

默认没有hasLayout属性的DOM节点 

div，span

 

我们可以用css属性来激活元素的hasLayout

 

•position

•float

•width(!auto)

•height(!auto)

•zoom

•overflow

 

 

 

div#box{

 

background: red;

filter:aplpha(opacity=50);

opacity:0.5;

height: 20px; /**让hasLayout起作用*/

}

 

 

 

3、IE6\7不支持display:inline-block的显示方式

 

修复这个问题可以通过单独对IE6\7设置一些属性

 

div#box{

display:

inline-block;

*display:inline;

*zoom:1;

}

 

 

4、注意元素的Margin重叠问题

 

•水平margin不重叠

•浮动元素上下margin不重叠(float)

•飘动元素上下margin不重叠(position)

•常规折行上下margin重叠

 

 

 

分享到：
| CSS3 Transition
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ie-css3.htc 免费版

    为了解决这一问题，开发者们创造了一种名为ie-css3.htc的解决方案，使得这些旧版IE浏览器也能部分实现CSS3的效果。 ie-css3.htc是一种行为复合内容（Behavior Composite Content）文件，它是微软在Internet ...

    ie-css3(让ie6 ie7 ue8支持css3).rar

    描述中提到的“ie-css3(让ie678支持css3).rar”进一步确认了这个压缩包的目标是解决旧版IE对CSS3不兼容的问题。.rar文件格式是一种常见的压缩格式，用户需要解压后才能访问内部文件。 标签“css”和“ie”指出了这...

    CSS常见浏览器兼容问题

    然而，由于各个浏览器之间的实现差异，CSS的兼容性问题常常成为开发者们面临的一大挑战。尤其是IE（Internet Explorer）和Firefox，它们在解析CSS规则时有着不同的理解和执行方式。本篇文章将深入探讨CSS在不同...

    css区别IE和非IE浏览器

    通过合理运用上述提到的各种CSS Hack技术和兼容性解决方案，可以有效地解决不同版本IE浏览器以及其他非IE浏览器之间的兼容性问题，从而确保网站在各种环境下都能够呈现出一致且良好的用户体验。

    iecss3.htc支持输入框圆角

    值得注意的是，“iecss3.htc”文件需要放在服务器环境下才能正常工作，因为IE浏览器的安全策略不允许从本地文件系统直接访问HTC文件。因此，在实际应用时，确保文件路径正确且服务器已配置好是至关重要的。 另外，...

    IE兼容CSS3

    然而，由于历史原因，尤其是较旧版本的Internet Explorer（IE）浏览器，对CSS3的支持并不完全，这给开发者带来了兼容性问题。本文将深入探讨如何通过一句JavaScript代码来解决IE对CSS3的兼容问题，并提供一个实际...

    div+css常见兼容性问题

    在网页设计中，`div+css`是一种常见的布局方式，但它也伴随着一系列的浏览器兼容...以上就是关于`div+css`布局中常见的一些兼容性问题及其解决方案，理解并掌握这些技巧，可以有效提升网页在各种浏览器下的显示一致性。

    解决ie9、ie10本地css加载不上的解决方法实例

    8. **调试工具**：利用IE9和IE10内置的开发者工具（按下F12键打开），可以查看CSS的加载状态，帮助定位问题。 通过以上方法，你应该能解决大部分IE9和IE10的CSS加载问题。当然，考虑到IE浏览器市场份额的持续下降，...

    让IE兼容CSS3

    "IE-Css3.js"这样的JavaScript库，例如在提供的压缩包中，是专门为了解决IE对CSS3选择器不支持的问题。这些库通过JavaScript模拟CSS3选择器的功能，使IE能够理解和应用这些样式。例如，DOMAssistantCompressed-2.8.1...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”，这揭示了在Web开发中，尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时，开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为，...

    让ie也支持css3

    这是一个常见的解决IE兼容性问题的技巧。 具体步骤如下： 1. **创建.htc文件**：首先，你需要一个包含CSS3样式转换代码的`.htc`文件，如`ie-css3.htc`。这个文件通常包含一些JavaScript代码，用于实现IE不支持的...

    ie下css3兼容文件

    解决ie下面的css3的兼容问题，直接在使用css3的代码中载入就行了。

    IE6, IE7, IE8 CSS 兼容速查表

    这份“IE6, IE7, IE8 CSS 兼容速查表”就是为了解决这一问题而编写的，它提供了关于这些浏览器中CSS特性的详尽对比和解决方案。 1. **CSS盒模型差异**：IE6、7采用了独特的盒模型，其中`width`属性包含了边框和内...

    CSS常见小问题解决

    ### CSS常见小问题解决方案 #### 一、灰度滤镜应用 **问题描述：** 有时我们需要将页面中的图片或某个元素设置为灰度效果，这在网页设计中是一种常见的需求。 **解决方案：** 对于IE浏览器（尤其是IE8及以下版本）...

    让IE支持CSS3选择器的插件

    总的来说，"IE-Css3.Js"插件为开发者提供了一种解决IE浏览器与CSS3兼容性问题的解决方案，使得在旧版IE浏览器上也能实现现代网页设计的效果。然而，随着现代浏览器的普及，以及对老旧浏览器支持需求的减少，开发者也...

    最全的CSS浏览器兼容问题整理(IE6、IE7)

    掌握这些技巧，可以帮助开发者有效地解决CSS在IE6和IE7中的兼容性问题，使得网站在各种浏览器下都能呈现一致的视觉效果。随着技术的发展，现代浏览器对CSS的支持已经大大增强，但仍需关注老版本浏览器的兼容性，尤其...

    让ie兼容css选择器

    总之，ie7.js、ie8.js和ie9.js是开发者解决IE浏览器CSS兼容性问题的重要工具，它们通过JavaScript模拟现代CSS选择器的功能，使得在旧版IE中也能呈现出丰富的样式效果。然而，随着技术的进步，使用这些库的同时，也要...

    css解决IE6,IE7,firefox兼容性问题.

    ### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展，浏览器种类日益增多，其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期，IE6、IE7 和 ...

Magicbox
Global site tag (gtag.js) - Google Analytics