自己总结了一下自己在设计 CSS 过程中学会的和用过的 CSS hack 技术。相信看这篇文章的都不会是 CSS 白痴,所以 CSS 是层叠样式表我就不说了。
至于文中的 CSS hack 技术,要么是我从书上看到的,要么就是在学习别人的网站的 CSS 的时候发现的。
方法一:*和!important
IE都支持*,IE6 不支持 !important,FireFox不支持 *
举例说明:
- color:#FFFFFF;/*FF显示的效果 */
- *color:#EE7EE7!important;/*IE7显示的效果 */
- *color:#EE6EE6;/*IE6显示的效果 */
叠放顺序必须如此,可以从中去掉某个。
方法二:+和-
IE7可以认+,IE6可以认-
举例说明:
- color:#FFFFFF;/*FF显示的效果 */
- +color:#EE7EE7;/*IE7显示的效果 */
- -color:#EE6EE6;/*IE6显示的效果 */
方法三:居然是针对Firefox的 hack
Firefox对于 i 会转换成为 i ,所以对于width, heigh, margin 等包含字母 i 的参数都可以用这套方法。
举例说明:
- width:30px;/*非FF的显示效果*/
- width:25px;/*FF的显示效果*/
有了这三种方法,一般的 hack 问题都能够解决。学习和制作 CSS 中继续总结心得。
站内搜索
2 Comments