`
ck_2036
  • 浏览: 78192 次
  • 性别: Icon_minigender_1
  • 来自: 常州
社区版块
存档分类
最新评论

IE6中max-width解决方案

阅读更多
.ie6-max-width-fix {
    padding: 0;
    _width: expression((function(el){ el.style.width = (el.clientWidth > 600 ? '600px':''); })(this));
}


一般都建议不要在 expression 里面判断和设置同一个元素的同一个属性(这样会导致脚本不停执行), 但是如果非得这样做的话... 老外的一篇文章看到在 zoom 里面调方法设置 width 然后 return 1, 貌似并不好, 有些时候 zoom = 1 会改变 width, 所以还是让width = undefined 吧! 实测在 display 为 inline inline-block 和 block 的时候方法都只会执行一次. 还有就是注意了 clientWidth 是等于 style.width 加上左右 padding, 所以要么把 padding 设为零, 要么在判断的时候考虑padding
分享到:
评论

相关推荐

    详解在table设置max-width以及min-width兼容问题和解决方案

    在table中设置min-width和max-width属性 ...解决方案:在table外层包一个div,在div上设置min-width和max-width <div class=table-wrap> <tr><td>1</td><td>2</td></tr> .table-wrap{width:5

    IE6支持max-width/height与min-width/height(完美解决方案)

    在这段代码中,max-width用于定义元素的最大宽度限制,而_width属性包含的表达式则确保在IE6中可以实现类似的功能。如果容器的宽度小于1000像素,_width表达式会强制将宽度设置为1000像素。此外,overflow属性设置为...

    让IE6支持min-width和max-width的方法

    这个函数会检查元素的样式,将CSS中的`-width`和`-height`属性转换为IE6理解的`camelCase`形式,如`minWidth`和`maxWidth`。 2. 接下来,我们创建一个数组`minmax_props`,其中包含了需要转换的CSS属性及其对应的...

    让IE6支持兼容min-width、max-width CSS样式属性的方法

    下面我们将详细介绍如何使IE6支持`min-width`和`max-width`,并提供相应的解决方案。 1. **IE6 支持 `max-width` 的解决方法** IE6 不支持标准的 `max-width` 属性,但可以通过使用特定的IE私有属性 `_width` 和 ...

    IE 6不支持min-height或max-width等属性的完美解决方案

    请看geniusalien提供的完美解决方案: (geniusalien温馨提示:本文的min-height操作方式试用于min-width、max-width、max-height。一样按下面的解决方案进行!) 第一种方法:我们可以利用IE6不识别!important来...

    jquery实现图片等比例缩放以及max-width在ie中不兼容解决

    这种方法不仅适用于IE6,也可以作为跨浏览器的图片缩放解决方案,特别是对于那些不完全支持`max-width`的旧版浏览器。通过结合jQuery的事件监听和DOM操作,我们可以更好地控制和优化页面元素在不同环境下的表现。

    解决IE6兼容问题的十一大技巧

    5. **背景闪烁**:在IE6中,当使用CSS Sprites作为背景时,可能会出现背景闪烁现象。这是因为IE6没有缓存背景图片。可以通过JavaScript强制缓存背景图片: ```javascript document.execCommand(...

    IE6-IE11兼容性问题列表及解决办法

    解决这些问题通常需要使用特定的hack技巧,如使用`_width`前缀或条件注释来针对性地为IE6编写代码。 接着,IE7引入了一些改进,但仍然存在不少问题。例如,IE7对于PNG24透明的支持不足,需要使用JavaScript库如DD_...

    div+css布局限制图片最大宽度图片水平垂直居中兼容IE6

    在网页设计中,"div+css布局"是一种常见的页面构建方式,它利用HTML中的元素结合CSS(层叠...同时,针对IE6可能需要额外的CSS hack或JavaScript解决方案。在实际项目中,应权衡兼容性和开发成本,选择最合适的策略。

    css.rar_csspicture

    对于IE6、IE7,它们不完全支持CSS2中的`max-width`属性。为了解决这个问题,我们可以使用CSS hack。例如,我们可以使用条件注释或特定的CSS前缀来专门针对这些老版本的IE浏览器编写规则。例如: ```css /* 针对IE6...

    7个步骤让PC网站自动适配手机网页.pdf

    7个步骤让PC网站自动适配手机网页 以下是从给定文件中生成的知识点: 1. 允许网页宽度自动调整:在网页代码的头部,加入一行viewport元标签...切图网是国内首家基于web技术服务的公司,提供移动适配技术的解决方案。

    IE6_IE7_IE8 CSS 兼容速查表

    以上只是部分常见的IE6、7、8 CSS兼容性问题及解决方案,实际开发中可能遇到更多细节问题,需要结合具体项目进行调试和优化。记住,始终要对不同浏览器进行测试,以确保在各种环境下都能得到良好的用户体验。随着...

    ie兼容问题

    一种常见的解决方案是使用脚本来动态处理这些图像,确保它们能在IE6中正确显示透明背景: ```javascript // 检测并修复IE6中的透明PNG问题 if (navigator.appVersion.indexOf("MSIE 6") != -1 && document.body) { ...

    Web-前端html+css从入门到精通 168. IE低版本常见BUG.zip

    此外,IE低版本对CSS选择器的支持也有局限,如:伪类`:hover`、`:first-child`在IE6中不起作用,需要使用JavaScript进行补偿。还有,IE6不支持CSS `display:none`,需要使用`visibility:hidden`代替。 布局方面,IE...

    ie兼容媒体查询

    比如,`Respond.js`是一个轻量级的解决方案,它可以添加对IE6-8的媒体查询支持。在HTML头部加入如下代码: ```html <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></...

    div css布局制作数据统计走势图表代码IE6不兼容

    在网页设计中,数据统计与可视化是至关重要的部分,它能有效地传达复杂的数据信息,让读者一目了然。...随着技术的发展,我们建议逐步淘汰对过时浏览器的支持,转向更先进、更兼容的解决方案,以提升用户体验。

    IE浏览器中Bing搜索提供程序不可用怎么办-.docx

    IE 浏览器中 Bing 搜索提供程序不可用解决方案 IE 浏览器中 Bing 搜索提供程序是默认的搜索提供程序,但有时候可能会发现 Bing 搜索提供程序不可用,导致无法在 IE 中进行搜索。本文将介绍解决该问题的步骤。 问题...

    CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]

    在本问题中,作者提供了跨浏览器兼容的解决方案,即对Firefox和其他支持max-width属性的浏览器直接应用CSS规则,而对于IE6则使用expression来处理图片缩放。 详细说明: 根据描述和内容,作者面临的问题是如何在...

Global site tag (gtag.js) - Google Analytics