经典论坛 › 论坛 › 网站开发区 › HTML5及WEB标准化专栏 › 弱弱的问下，有几个人在用 zoom:1 ？

查看: 2154|回复: 20

[讨论] 弱弱的问下，有几个人在用 zoom:1 ？ [复制链接]

stubend　楼主

高级会员 

帖子: 203
体力: 755
威望: 0
居住地: 广东省广州市

发表于 2009-5-22 11:57:41 |显示全部楼层

如题。。
我经常用。。。
解决IE6下一些变态的问题。。。

西部数码顶级域名注册商39元抢注！

使用道具举报

birdstudio　

CSS魔术师

荣誉管理 

帖子: 2452
体力: 5010
威望: 4

发表于 2009-5-22 11:59:43 |显示全部楼层

该用就用啊，眼下 IE6,7 仍然大行其道，不用对不起自己啊。

■ 提问请贴图贴代码。　　● 我的微博　　● 我的博客 (已恢复)

租服务器，上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具举报

dlcc　

咔哇咿熊熊

高级会员 

帖子: 554
体力: 804
威望: 0
居住地: 辽宁省大连市

发表于 2009-5-22 12:06:01 |显示全部楼层

不用的时候浑身都不自在，用了之后心情舒畅，腿脚也利索了。。。

看仔细了，zoom:1，该用就用。

说仪网

使用道具举报

chiyuderen　

amot

金牌会员

帖子: 1742
体力: 3935
威望: 0

发表于 2009-5-22 12:21:17 |显示全部楼层

用在父容器上吗？？

朋友博客:flash教程&游戏开发

使用道具举报

ONEBOYS　

步舞之鹤

金牌会员 

帖子: 1859
体力: 4400
威望: 16
居住地: 浙江省杭州市

发表于 2009-5-22 12:57:16 |显示全部楼层

点名啊。

报到一下，算我一个。

一般我可以用width:100%;就用width:100%;
如果不能用（用了padding），就用zoom:1;

www.CSSASS.com

使用道具举报

comasp　

银牌会员

帖子: 465
体力: 1681
威望: 0

发表于 2009-5-22 12:59:03 |显示全部楼层

具体作用是？

新书推荐：<<锋利的jQuery>>

使用道具举报

ONEBOYS　

步舞之鹤

金牌会员 

帖子: 1859
体力: 4400
威望: 16
居住地: 浙江省杭州市

发表于 2009-5-22 13:08:42 |显示全部楼层

触发IE浏览器的haslayout
解决ie下的浮动，margin重叠等一些问题。

www.CSSASS.com

使用道具举报

superlazy　

银牌会员

帖子: 1240
体力: 1596
威望: 0

发表于 2009-5-22 13:21:18 |显示全部楼层

没用..

使用道具举报

daysun　

中级会员

帖子: 39
体力: 435
威望: 0
居住地: 安徽省合肥市

发表于 2009-5-22 13:45:42 |显示全部楼层

没用过，哪位高人可有实例贴上来研究下

使用道具举报

chirsjie　

高级会员 

帖子: 273
体力: 638
威望: 2

发表于 2009-5-22 13:49:39 |显示全部楼层

没用过我一直都浮动很少postion

web前端群:79228406,欢迎高手,新手一起讨论

使用道具举报

uk51　

把你排在沙滩上

银牌会员 

帖子: 237
体力: 1038
威望: 1

发表于 2009-5-22 13:57:32 |显示全部楼层

回复 10# chirsjie 的帖子

你说的是z-index:1；
？？

http://www.cns365.com

使用道具举报

ONEBOYS　

步舞之鹤

金牌会员 

帖子: 1859
体力: 4400
威望: 16
居住地: 浙江省杭州市

发表于 2009-5-22 14:07:47 |显示全部楼层

回复 9# daysun 的帖子

哦，手边正好有个
用zoom:1;触发ie的haslayout,用来清浮动

删除zoom:1;后对比ie6下效果。

<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
<title>asight</title>
<style>
*{padding:0;margin:0;}
.right{width:545px;border:1px solid #ccc;font-size:12px;}
.content{padding:10px;background:#fafafa;overflow:hidden;zoom:1;}
.content li{float:left;display:inline;height:71px;width:55px;line-height:16px;margin:7px 8px;overflow:hidden;text-align:center;width:55px;}
.content li img{border:1px solid #E0E0E0;display:block;margin:0 auto;height:48px;padding:2px;width:48px;}
</style>
</head>
<body>
<div class="right">
	<ul class="content">
			 	<li><a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" title="老衲用飘柔"/>老衲用飘柔</a></li>
				<li><a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" title="老衲用飘柔"/>老衲用飘柔</a></li>
				<li><a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" title="老衲用飘柔"/>老衲用飘柔</a></li>
				<li><a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" title="老衲用飘柔"/>老衲用飘柔</a></li>
				<li><a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" title="老衲用飘柔"/>老衲用飘柔</a></li>
				<li><a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" title="老衲用飘柔"/>老衲用飘柔</a></li>
				<li><a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" title="老衲用飘柔"/>老衲用飘柔</a></li>
				<li><a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" title="老衲用飘柔"/>老衲用飘柔</a></li>
				<li><a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" title="老衲用飘柔"/>老衲用飘柔</a></li>
				<li><a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" title="老衲用飘柔"/>老衲用飘柔</a></li>
	</ul>
</body>
</html>

提示：您可以先修改部分代码再运行

----
zoom:1可以触发ie6,ie7的haslayout；而overflow可以触发ie7的haslayout，并在FF下也能清理浮动。
具体可以搜索一些内容看看。

www.CSSASS.com

使用道具举报