`

zoom 在css中的意

    博客分类:
  • CSS
阅读更多
Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等。

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浏览器中的重叠问题。
分享到:
评论

相关推荐

    ZoomIt中文汉化版

    3、Zoomit v4.5在win8 64位系统中完美运行 4、软件介绍: 可以教师在讲课时候用!!非常有用!!ZoomIt是一款非常实用的一个超级好用的投影演示辅助工具,ZoomIt只有一个exe文件(0.5MB)、完全免费、易于使用。通过...

    CSS中的zoom属性和scale属性的用法及区别

    zoom 属性语法:zoom:normal | <number> | 默认值:normal适用于:所有元素继承性:有取值:normal:使用对象的实际尺寸。<number>:用浮点数来定义缩放比例。不允许负值<percentage>:用百分比来定义缩放比例。不...

    小标签大作用 CSS中zoom:1的使用方法

    在CSS中,`zoom:1`是一个非常实用的技巧,尤其在处理老版本的Internet Explorer(如IE6、IE7、IE8)时。这个属性在这些浏览器中能够触发一个叫做“hasLayout”的机制,从而解决一系列布局和渲染问题。以下是对`zoom:...

    zoomImage插件

    在您的示例中,`$('a.myLinks').zoomimage(options);` 是调用ZoomImage插件并设置自定义参数的方法,其中 `a.myLinks` 代表选择所有类名为 "myLinks" 的`<a>`链接元素,这些链接通常会包含图片,而`options`则是传递...

    cloud-zoom.1.0.2.zip

    在"cloud-zoom.1.0.2.zip"这个压缩包中,包含了实现这一功能所需的关键文件,包括"cloud-zoom.css"、"cloud-zoom.1.0.2.js"以及"cloud-zoom.1.0.2.min.js"。 首先,"cloud-zoom.css"是Cloud-Zoom的样式表文件,它...

    css中zoom:1属性的定义和作用

    今天被问起CSS中有个zoom属性是干什么用的,虽然我知道这个属性是用来清除浮动,来触发haslayout的。但具体的定义还不是很了解,就百度了一点关于zoom属性的资料,然后总结了一下。 CSS zoom属性 zoom:设置或检索...

    ZOOM-FFT.rar_ZOOM-FFT C_zoom fft_zoom-FFT_zoom-fft c_频谱

    《ZOOM-FFT技术在频谱细化中的应用》 ZOOM-FFT,即Zoom Fast Fourier Transform,是一种在特定频率范围内实现高分辨率的快速傅里叶变换技术。它针对频谱分析,尤其是对于需要精确捕捉和分析窄带信号的场景,具有...

    mui.previewImg的css和js

    在这个场景中,我们关注的是 "mui.previewImg" 的 CSS 风格定义(imgpreview.css)、JavaScript 实现(mui.previewimage.js)以及与图片缩放相关的 JavaScript 文件(mui.zoom.js)。 1. **imgpreview.css**: ...

    zoom实现网页缩放.zip

    在这个“zoom实现网页缩放.zip”压缩包中,我们可以预见到包含的资源将帮助我们理解如何在网页上优雅地实现这一功能。 首先,HTML(超文本标记语言)是网页的基础,用于定义页面结构。在处理图片缩放时,`<img>`...

    cloud_zoom图片放大插件

    首先,你需要在项目中引入jQuery库,然后下载Cloud Zoom的压缩包,解压后将`cloud-zoom.1.0.2.js`和对应的CSS文件(通常为`cloud-zoom.css`)添加到你的网页中。最后,通过JavaScript代码或HTML数据属性应用插件到...

    ZOOM A3中文说明书

    根据提供的文件信息:“ZOOM A3中文说明书”,我们可以推断出这份文档主要涉及的是ZOOM A3设备的使用指南。由于未提供具体内容,本篇将基于这一产品名称及其可能的功能特性来展开,介绍相关的知识点。 ### ZOOM A3 ...

    ZOOM G2效果器中文说明书和参数设置文档

    ZOOM G2是一款备受音乐人喜爱的多功能吉他效果器,其强大的处理能力和丰富的音色库使其在音乐制作领域中占有重要地位。这份“ZOOM G2效果器中文说明书和参数设置文档”是专为国内用户设计的,旨在帮助用户更好地理解...

    cloud-zoom+例子(实用)

    在压缩包中,“cloud-zoom”文件夹可能包含了Cloud-Zoom的主JS文件(如cloud-zoom.1.0.2.min.js)和必要的CSS文件(如cloud-zoom.css),这些都是实现图片放大效果的基础。而“例子”文件夹则可能包含了多个HTML示例...

    Cloud Zoom V3.1

    5. **兼容性**:由于基于 jQuery,CloudZoom 具有良好的浏览器兼容性,能在大部分现代浏览器中正常工作,包括 Chrome、Firefox、Safari、Edge 和 Internet Explorer。 在压缩包中,我们可以看到以下几个关键文件: ...

    css2.0中文参考手册+css3.0

    8. **过渡和动画**: 虽然CSS3引入了这些概念,但在CSS2.0中,没有直接支持元素的动态变化和动画效果。 **CSS3.0扩展知识点** 1. **更强大的选择器**: CSS3增加了伪元素(`::first-letter`, `::first-line`)、兄弟...

    ZOOM H2中文说明书

    根据提供的文件信息,我们可以从《ZOOM H2中文说明书》这一文档中提炼出与ZOOM H2相关的多个重要知识点。 ### ZOOM H2简介 ZOOM H2是一款由日本ZOOM公司生产的手持式立体声录音机。它以其小巧便携、操作简便以及...

    Laravel开发-laravel-deepzoom

    4. **视图集成**:在 Laravel 视图中,引入 OpenSeadragon 的 JavaScript 和 CSS 文件,然后使用 JavaScript 代码配置 OpenSeadragon 实例,指向 Laravel Deepzoom 生成的 DeepZoom XML 描述文件(.dzi)。...

    Zoom视频会议软件电脑版安装包 ZoomInstaller(电脑版).exe

    但是在PC端下载安装Zoom的过程中,我也曾遇到了许多问题,总是安装不成功,不能正常使用,因此在网上找了许多的资源和安装教程,最终找到了现在这个安装包,终于能够成功安装Zoom并正常使用。因此,我想要将这一资源...

    根据图片大小自适应的CSS

    在现代网页设计中,自适应图片的实现主要依赖于CSS中的`max-width`属性和`height:auto`组合使用。`max-width`属性用于限制图片的最大宽度,当图片的原始宽度超过设定的`max-width`值时,图片将被缩放至指定的最大...

    Zoom.pkg_zoom_

    不过,考虑到标题中的"pkg",这里的"zoom"更有可能与Zoom视频会议工具相关,比如可能是提供在Matlab环境中集成Zoom功能的扩展或插件。 在【压缩包子文件的文件名称列表】中,我们只有一个文件"Zoom.pkg"。这通常是...

Global site tag (gtag.js) - Google Analytics