Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[疑难] w\idth: 260px; height: 252px; he\ight: 248px;

[复制链接]
jingangel 发表于 2008-7-23 17:51:47 | 显示全部楼层 |阅读模式
w\idth: 260px; height: 252px; he\ight: 248px;



css代码中有很多类似于这样的东西,带那个\的作用是什么呢
回复

使用道具 举报

tw32029 发表于 2008-7-23 18:49:02 | 显示全部楼层
height: 252px; he\ight: 248px;
css阅读是由左到右, 上到下
所以 height:252px会先被读
高度为:252

h\eight: << 在IE 版本 6或以下 里面 是会被跳过 因为它不理解
但是IE 7 跟 火狐 会理解 h\eight 为 height:
所以当你的预览器为火狐时 高度将为248px
因为右边的h\eight会覆盖前面的height
在IE版本 <= 6 时 height 会保留而 h\eight 将会被忽略 高度为252px

[ 本帖最后由 tw32029 于 2008-7-24 10:10 编辑 ]
回复

使用道具 举报

76760039 发表于 2008-7-23 18:50:57 | 显示全部楼层
学习下.........
回复

使用道具 举报

秋之子 发表于 2008-7-23 18:51:53 | 显示全部楼层
是针对IE 6以下版本对盒模型的显示Bug而采用的Hack
回复

使用道具 举报

tw32029 发表于 2008-7-24 15:32:52 | 显示全部楼层
这种方式 是用来  破解不同浏览器的css behaviour所带来的差异
IE 5,6 跟 IE 7 的CSS 的表现方式各有不同 (behaviour) 所以必须使用这种方式来把它同步

让css 所呈现出来的效果都一样
有兴趣可以看看 英文页面
http://webdesign.about.com/od/css/a/aaboxmodelhack.htm
秋子有空翻译一下啦 (::28::)

[ 本帖最后由 tw32029 于 2008-7-24 15:35 编辑 ]
回复

使用道具 举报

 楼主| jingangel 发表于 2008-7-25 10:27:43 | 显示全部楼层
原来是这样子的啊,谢谢高手解答
回复

使用道具 举报

coolloyal 发表于 2008-7-25 11:13:48 | 显示全部楼层
学习下!!
回复

使用道具 举报

222a 发表于 2008-9-12 01:34:13 | 显示全部楼层
再请问一下
height: 252px; he\ight: 248px;

在IE7 and FF 中,将会两个都能解析, 那到底是采用左边这个还是右边这个?
好多地方都解释是采用右边这个

但我也在DZ的CSS中发现类似写法:
he\ight: 44px; height: 24px;

那如果按取右为原则,上面这句的写法好象是不起作用了吧
回复

使用道具 举报

jsjjyh 发表于 2008-9-12 08:39:40 | 显示全部楼层
这个只是以前针对6和7的权宜之法,不一定能做到精准,关键还是在于CSS的书写的准确。我看过很多站在所有浏览器中,显示正确,但很少用这种书写方法。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-9-15 20:50 , Processed in 0.101516 second(s), 14 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表