zoom:1;一般是拿来解决IE6的子元素浮动时候父元素不随着自动扩大的问题,功能相当于overflow:auto,同样也可以用height:1%来代替zoom:1。
所以一般要在浮动元素的父元素加上overflow:auto;zoom:1; 。这样,子元素浮动,父元素再也不会不自动跟子元素扩大了。
Zoom的使用方法:
zoom : normal | number
normal : 默认值。使用对象的实际尺寸
number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值 用白话讲解就是zoom:后面的数字即放大的倍数,可以是数值,也可以是百分比。如:zoom:1,zoom:120%。 而这个属性只要在IE中才起作用,所以很少用到它的实际用途,而最经常用到作用是清除浮动等,如:
.border{
border:1px solid #CCC;
padding:2px;
overflow:hidden;
_zoom:1;
}
_zoom是CSS hack中专对IE6起作用的部分。IE6浏览器会执行zoom:1表示对象的缩放比例,但这里
overflow:hidden;和_zoom:1;是连起来用的,作用是清除border内部浮动。
同理,还可以使用同样方法清除margin属性在IE浏览器中的重叠问题。
PS:一直认为IE6应该从广大网民的电脑中删除或升级了,作为网页制作者,应该不再去为IE6、IE7这样的极品费脑筋,直接不兼容,让IE6用户不得不升级!
查看更多关于【css教程】的文章
react-native ViewPagerAndroid 坑1
ViewPagerAndroid组件 在更新新的data时 页面显示空解决办法 在data发生变化时 传入新的data的长度ViewPagerAndroidkey={this.props.children.length}style={{ flex: 1 }}onPageScroll={this.onPageScroll}onScrollBeginDrag={this._onScrollBegin}scrollEn
0评论2023-03-08695
React-Native之ViewPagerAndroid的使用
刚接触React-Native不久,我就被深深折服了。前几天做项目用到了ViewPager做广告页,在研究了一番官方文档之后,终于也是大体做出来了,今天就分享给大家吧。其实,大家如果使用过Android的ViewPager,那么你可能会很容易的去理解这个组件了。下面是实现的代
0评论2023-03-08945
Vue3+TypeScript 项目中,配置 ESLint 和 Prettier
接上篇:从0搭建vite-vue3-ts项目框架:配置less+svg+pinia+vant+axios文档同步项目gitee:https://gitee.com/lixin_ajax/vue3-vite-ts-pinia-vant-less.git 一、Eslint:用于检测代码安装eslint相关依赖yarn add eslint eslint-plugin-vue @typescript-esli
0评论2023-03-08825
JavaScript defineProperties
function defineProperties(obj, properties){ function convertToDescriptor(desc) { function hasProperty(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } function isCal
0评论2023-03-08430
SuperMap iClient for JavaScript初入
介绍SuperMap for Js的简单使用.推荐先看下这篇文档:SuperMap iClient for JavaScript 新手入门 , 个人感觉是要好于官方的新手入门文档的.使用SuperMap js 的核心流程如下:创建地图Map创建Layer /控件创建要素 / Marker /..将 要素 / Marker /.. 添加入图层 L
0评论2023-03-08399
JavaScript new Date()IE浏览器下出错 NaN
当涉及到编程,与日期的工作可能是棘手的。然而,幸运的是,大多数语言都已经完成了这个困难的工作,并有一种内置的日期功能来帮助我们。JavaScript是具有有用的功能来帮助大量输出,设置日期。The JavaScript Date Object开始日期在JavaScript中你需要做的第
0评论2023-03-08511
[javascript] ie下audio不支持一些媒体类型
ie下audio不支持一些媒体类型 , 所以需要进行兼容处理这里可以用js进行判断 , 并加载不同的资源文件 , 这样就兼容了ieif (b.canPlayType('audio/ogg; codecs="vorbis"')) { }else{ie下加载不同的资源文件}audio id="chatMessageAudio"source id="chatMes
0评论2023-03-08475
限制IE回退时JAVASCRIPT脚本的再次执行(转)
借用COOKIES设置标志因为用IE的回退时,IE将调用缓存的中数据,所以取COOKIE的时机必须放在客户端用JAVASCRIPT角本实现。实现方法详见右侧处理CODE function getCookie (sCookieName){ var sName=sCookieName+"=", ichSt, ichEnd; var sCookie=d
0评论2023-03-08641
Debugging JavaScript using VS.NET and IE 6.0
From http://www.code101.com/Code101/DisplayArticle.aspx?cid=67IntroductionAsp.net has come a long way from Asp on many facets, especially debugging. If you have work with ASP.net for a while and go back to work on ASP you would miss a lot o
0评论2023-03-08841
Javascript操作Cookie的脚本 — CookieHelper
var HttpCookie = function(name, value, expires, path, domain) { if (name) this.Name = name; if (value) this.Value = value; if (expires) this.Expires = expires; if (path) this.Path = path; if (domain) this.Domain = domain; }; HttpCookie.prot
0评论2023-03-08777
JavaScript支持IE和FireFox浏览器自动缩放图片代码
本人在做某网站时碰到一个问题,即“要对某网页中一个DIV内所有的图片进行缩放,使超出500像素宽的图片按比例缩放至500像素宽”,在网上搜索了很久,只找到了一个以下代码,可让网页上的所有图片自动缩放,代码如下: script language="JavaScript"var imgObj
0评论2023-03-08722
javaScript 删除本地cookie删不了
一、js删除本地cookie无法删除- 今天发现自己真的蠢爆了!以下为cookie定义:1.设置Cookie的key 2.设置Cookie的key-value值 3.过期时间-自定义(一般在删除的时候) expires 4.路径(path)(一般定义 path=/) 5.域(domain)在chrome console下尝试删除、设置co
0评论2023-03-08437
不刷新页面更改CSS样式(IE6、7、FireFox)
function addCss(path) { var css = document.createElement("link"); css.setAttribute("type", "text/css"); css.setAttribute("rel", "stylesheet"); css.href = path; document.body.appendChild(css)
0评论2023-03-08522
IE兼容问题,各类css hack代码(亲测有效)
现在大部分企业对浏览器兼容要求是IE7+或者IE8+,要求IE6的很少,此处一并写出。IE6:_margin-top: 20px;IE6+IE7:*margin-top: 20px;+margin-top: 20px;IE6+:margin-top: 20px\9;IE8+:margin-top: 20px\0;IE9:/*:root在谷歌浏览器中也能被识别,所以需要加
0评论2023-03-08847
IE6/7不读取CSS样式,或不能正常显示背景图片问题
最近在做网页的时候出现网页的CSS竟然无法识别,网页显示乱七八糟的,后面竟然发现是因为我在的头部描述当中写了引文引号导致CSS文件无法正确读取,无法识别CSS文件还可能存在其他的问题。网页采用了UTF-8编码格式,这本来没有什么问题,问题是外部CSS文件默
0评论2023-03-08757