兼容IE6的最大宽度max-width效果

兼容IE6的最大宽度max-width效果:
由于IE6浏览器并不支持度max-width属性，所以要在IE6下实现此效果，需要一些兼容性写法。
代码如下:

.max_width{
  max-width:600px;
  _width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13030

更多内容可以参阅:http://www.softwhy.com/divcss/

时间： 2024-10-03 13:34:30

兼容IE6的最大宽度max-width效果的相关文章

基于jquery多种切换效果的焦点图(兼容ie6)

随着html5和css3的诞生.各种非常酷.非常炫的网页焦点图在各个前端技术网上满天飞.基于html5和css3技术的焦点图有一个弊端就是要在ie9以上才支持.这让需兼容ie6到ie8的页面又爱又恨.下面为大家介绍一款完全基于juery的焦点图,而且这款插件完美支持ie6,多种百叶窗切换,效果还是相当赏目的.无图无真相,还是先上图点击这里在线预览点击这里下载源码使用教程这款插件代码很简洁,使用也非常简单.看截图 ok.今天就和大家分享到这里.周末好快,作为一名码农真是苦逼,明天还要早起,

【jQuery】利用淡入淡出效果实现兼容IE6的告警提示

其实我觉得告警提示的话,直接用一个Alert就最好的.开门见山,直接让用户明白你当前系统的意思,关键是Alert这东西就是再破的浏览器都必须兼容,不然你它丫的做毛浏览器啊?但是,在现在越来越觉得Alert不美观,而且开始有"弹窗挺吓人"的思潮,因此,告警提示你必须做得好看一点.在Javascript的透明度的操控比较艰难的前提下,jQuery的简单淡入淡出效果是你的选择.之所以选择jQuery,是因为这东西能够很好地兼容IE6. 一.基本目标当输入框的输入内容的字符数无论中文与英文大

基于jquery多种切换效果的焦点图（兼容ie6）

这款插件代码很简洁,使用也非常简单.看截图转载来源地址:http://www.cnblogs.com/liaohuolin/articles/3918144.html 基于jquery多种切换效果的焦点图(兼容ie6)

兼容ie6的轮播效果

公司要求兼容ie6,之前网上找了很多插件都不行,最后只能自己写个模拟轮播的,例子如下 <style type="text/css"> #container{ width:1216px; height:100%; margin:0 auto; position:relative; } #parent{ width:100%; height:160px; overflow:hidden; border:1px solid #ccc; padding:0; font-size:0

2015.3.14（知乎首页仿写及纯CSS兼容IE6实现响应式下拉菜单）

昨晚写了一个知乎的首页练习,只完成了上半部分的练习.下半部分做了一个纯CSS的响应式下拉菜单(可以兼容IE6). 可以看出那个知乎两个大字下面的那行字是截图截下来的,有一点色差……代码如下: js的部分只用到了获取可视区域的宽度这一点. function setIndex() { var commonWidth = $(window).outerWidith; var commonWidth = $(window).outerHeight; $(".backTitle").css(&q

html5 图片上传，支持图片预览、压缩、及进度显示，兼容IE6+及标准浏览器

原文:html5 图片上传,支持图片预览.压缩.及进度显示,兼容IE6+及标准浏览器以前写过上传组件,见打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上传组件添加了单独的图片上传UI,支持图片预览和缩放(通过调整图片的大小以实现图片压缩). 上传组件特点轻量级,不依赖任何JS库,核心代码(Q.Uploader.js)仅约700行,min版本加起来不到12KB 纯

div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法（非原创）

div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 wi

{转}div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法

使用absolute模拟fixed定位，兼容ie6，及ie7 8 9和火狐谷歌等浏览器

ie6不支持fixed定位,设定fixed定位后,ie6会认为是错误值,便会使用默认值static,可以使用absolute模拟fixed效果,并且兼容ie 7 8 9以及火狐等. 核心代码: html,body { margin: 0; padding: 0; height: 100%; } html { overflow: hidden; } body { overflow: auto;} #demo { positio