分享好友 前端技术首页 频道列表

IE浏览器专有css属性之zoom详解

css教程  2015-11-13 15:310

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教程】的文章

展开全文
相关推荐
反对 0
举报 0
评论 0
图文资讯
热门推荐
优选好物
更多热点专题
更多推荐文章
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

JavaScript--操作cookie javascript中可以操作cookie
Session和cookie都是用来存储数据的Cookie:位于用户的计算机上,用来维护用户计算机中的信息,直到用户删除,就是存储在你本地的数据,在存储的时候可以设置过期时间,使用场景很多,比如最常见的是用户登录某个网站,登录之后将用户的用户名和密码存cookie

0评论2023-03-08523

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

转:javascript IE8/IE9上打开弹出窗口时,地址栏和状态栏仍显示的解决办法
使用JavaScript在IE8/IE9上打开弹出窗口时,地址栏和状态栏仍显示的解决办法2个经过调查,由于IE8/IE9的安全级别得到了提高.弹出窗口在默认情况下是肯定会显示地址栏和状态栏的.据调查,通过js也是没有办法控制这点的.但是通过修改浏览器的设置是可以达到目的的.

0评论2023-03-08807

限制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

更多推荐