《CSS实战精粹》读书笔记(五)
《CSS实战精粹》书中第四章主要讲的是浏览器,简单介绍了一下浏览器大战、浏览器分级、对未来的一些展望等还有一些网页设计师应该注意的小问题。
一些无关紧要的问题在本文不做讨论,这里书中提到了两个地方 ,我觉得有必要记录一下。
IE6对CSS支持不好的几个小地方
无可否认,IE6仍然是世界是使用最多的浏览器。我甚至在想,如果中国的网吧全都装Firefox或者是将IE6升至IE8,那么是不是IE6就不再是使用量最多的浏览器了呢?呵呵。
题外话说完了,简单介绍一下,在书中第四章里提到的IE6对CSS支持不好的几个小地方:
1.盒模型,有关盒模型的区别我们本文略过,如果有感兴趣的同学请查阅我之前的文章:浏览器的盒子模型 Box Model
2.对:hover支持的不一致
根据CSS规范,CSS作者可以将:hover分配给任何元素。然而,IE只支持在a元素上使用它。所以经常会看到有作者为了使页面呈现:hover的效果来用JavaScript写一大串让人看起来很无奈的脚本来支持IE。
3.不支持position:fixed
IE6不支持固定定位。如果有元素的position属性被设置成了fixed,它将会被当作static来显示。这个特效现在用的也比较多,让一个div层随着滚动条一起滚动,看起来好像它长在那里一样,但是很无奈,IE6仍然不支持该物效,我们同样只能麻烦JavaScript。
4.不完全支持PNG图像
虽然这与CSS没有直接的关系,但PNG格式是支持Alpha通道透明的,做透明背景的时候现在大多使用PNG图像,而IE6并不完全支持它。
对“支持”这个词的理解
我经常看到一些设计师为了使页面在多个浏览器里看起来完全一样,而掉了好多头发。问其原因,是为了让页面“支持”更多的浏览器。但是,这里的“支持”应该如此解释吗?我们应该考虑“支持”到底意味着什么?
“支持”是指每个人都能获得同样的东西吗?我想并不是。就像上面提到的借用JavaScript来解决一些IE6的CSS问题,这到底是否值得?这些样式除了美观真正会为你带来些什么。所谓的用户体验是这样理解的吗?
和书中作者的观点一样,在设计页面时,我们要先考虑一下,什么才是页面的主体?内容,而并不是样式。样式只是为了让用户看起来感观上面更好。但是那些使用旧的浏览器的用户,如果我们单纯为了他们而增加了好多不必要的代码,那么我们的工作是否值得?为何不为使用量更广,使用前景更好,目前拥有用户更多的浏览器的用户增加一些额外的功能来的更有必要?
XHTML是有语义的,我们应该尽量用语义化的标签去告诉不同的浏览器,通知他们我们表现的其实是同样的内容。
呼,貌似扯的有点远,这个话题本来也不适合我讨论。用什么例子来说明都有些让人不能完全接受。那么好吧,这里只是给大家提个醒,大家自由讨论吧。嗯。~~
文章作者:simaopig
本文地址:http://www.xiaoxiaozi.com/2010/03/28/1737/
版权所有 © 转载时必须以链接形式注明作者和原始出处!
说实话,我对于CSS一点也搞不明白,特别是CSS的兼容性问题。真TMD头痛。
[回复]
Alpha通道透明才是PNG的精髓,这个都不支持用PNG没有意义了
[回复]
来过,踩下,博主思想不错,哈哈!~
[回复]
@淘宝网首页登陆
我也是因为不懂才学的。呵呵。
[回复]
@Jutoy
是啊。IE6不完全支持PNG,我也不知道支持啥,不支持啥。不过肯定Alpha通道透明是不支持的 :???:
[回复]
@二维码
呵呵。谢谢来访。。
[回复]
对对,那个定住的层最让人烦,别的浏览器下都行,就他不行
[回复]
@要饭的
position:fixed 是一个很受人喜欢的特效,代码简单,且效果让人感觉很是喜欢。 :grin:
[回复]
又见IE6….啊,我恨IE6!~
[回复]
IE6虽然垃圾,但占用资源是IE78所不能比拟的
[回复]
经常写技术文档读后感的人,一定对感情类的东西琢磨的更加深刻。毕竟能从前者中挖掘辞藻,是多么有技术的体验。。 :shock: ;-)
[回复]
@虾
呵呵,我细想了一下,平时还真没有啥瞎琢魔。呵。
[回复]
虾总是如此精辟
[回复]
@一天一歌
你的站忘续费了吗?小白。。
[回复]
手里一直攒着CSS与PHP两本书就是没心情去看
[回复]
@simaopig
怎么会啊,还没到期呢,你看到嘛情况 :o
[回复]
@一天一歌
那可能是我昨天访问时,正好赶上你服务器宕机。。
[回复]