clearfix的定义: .clearfix的原理: 1、在IE6, 7下zoom: 1会触发hasLayout,从而使元素闭合内部的浮动。 2、在标准浏览器下,.clearfix:after这个伪类会在应用到.clearfix的元素后面插入一个clear: both的块级元素,从而达到清除浮动的作 ...
分类:
Web程序 时间:
2016-07-21 14:48:40
阅读次数:
335
1,固定宽度区浮动,自适应区不设宽度而设置 margin 我们拿右边定宽左边自适应来做示范,CSS代码如下: #wrap { overflow: hidden; *zoom: 1; } #content ,#sidebar { background-color: #eee; } #sidebar { ...
分类:
Web程序 时间:
2016-07-13 19:22:45
阅读次数:
216
clear{ overflow: auto/hidden; zoom: 1; //zoom: 1; 是在处理兼容性问题 } .clear:after{display:block;clear:both;content:"";visibility:hidden;height:0} .clear{zoom ...
分类:
其他好文 时间:
2016-07-08 13:20:30
阅读次数:
149
CSS中zoom:1的作用兼容IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题。比如,本站使用DIV做一行两列显示,HTML代码: CSS代码: 加红色的那里就可以在IE6、IE7 ...
分类:
Web程序 时间:
2016-07-04 13:50:58
阅读次数:
264
IE和Chrome等浏览器与zoom 还在几年前,zoom还只是IE浏览器自己私有的玩具,但是,现在,除了FireFox浏览器,其他,尤其Chrome和移动端浏览器已经很好支持zoom属性了: zoom的字面意思是“变焦”,摄影的时候常用到的一个概念。对于web上的zoom效果,你也可以按照此概念理 ...
分类:
Web程序 时间:
2016-07-02 20:12:52
阅读次数:
233
一、IE和Chrome等浏览器与zoom 还在几年前,zoom还只是IE浏览器自己私有的玩具,但是,现在,除了FireFox浏览器,其他,尤其Chrome和移动端浏览器已经很好支持zoom属性了: zoom的字面意思是“变焦”,摄影的时候常用到的一个概念。对于web上的zoom效果,你也可以按照此概 ...
分类:
Web程序 时间:
2016-07-02 14:24:56
阅读次数:
209
引入:<script type="text/javascript" src="${base}/resources/shop/js/jquery.jqzoom.js"></script> // 商品图片放大镜$zoom.jqzoom({ zoomWidth: 368, zoomHeight: 368, ...
分类:
其他好文 时间:
2016-06-27 12:16:22
阅读次数:
101
1. .clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; } .clearfix { *zoom:1; } 2. .clearfix:before, .clearfix:after ...
分类:
Web程序 时间:
2016-06-23 00:47:33
阅读次数:
156
zoom和scale这两个东西都是用于对元素的缩放,一下是其中一些区别: 1、scale的缩小是以图片的中心,zoom的缩小是以图片的左上角。 2、zoom的缩放改变了元素占据的空间大小;而scale的缩放占据的原始尺寸不变,页面布局不会发生变化; 3、注意:如果给zoom赋值两次,会使zoom的最 ...
分类:
其他好文 时间:
2016-06-22 12:21:12
阅读次数:
177
自定义滚动条jquery-custom-scrollbar 放大镜 fancybox,lightbox,jquery zoom ...
分类:
Web程序 时间:
2016-06-14 12:00:33
阅读次数:
148