_property:value
属性前加_线,该hack对IE有效,在FF下无效
这段代码在IE下看,div的边框为蓝色,而在FireFox下无效
[可运行代码]
盒模型解决方法
选择符 {width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度;}
IE5.5及以下版本不认,其它版本与FF都认
如下,该段代码在FF与IE6/IE7能正确显示div宽度为200px
[可运行代码]
!important;严格来说,!important;应该不能算作是一种hack技术,被应用了!important;的属性将在IE中无效,对FF有效。
如以下这段,在FF中div1的背景将是红色,而在IE中却是蓝色
[可运行代码]
* html 选择符 {…}IE6及以下版本识别,对FF无效
[可运行代码]
select { 属性 /*屏蔽IE6*/:值;},仅IE6不识别,屏蔽IE6
主要是通过css的注释/*.....*/分开一个属性值与值,来屏蔽IE6
-------------------华丽的分隔符-----...
[More]
position:fixed在ie6及以下版本下不大好用
firefox运行:
[可运行代码]
于是用js来解决
[可运行代码]
今天在写一个测试页
唉,感慨一下自己这只小菜菜鸟
在线demo
http://www.lemongtree.com/demo/tab/tab.html
[img]http://www.lemongtree.com/upload/20071109/20071109171642.png[/img].
[More]
| Categories: |
|
web标准 |
| Tags: |
|
|
| Actions: |
|
|
|
[img]http://www.lemongtree.com/upload/20071108/20071108124833.png[/img].
[More]
| Categories: |
|
web标准 |
| Tags: |
|
|
| Actions: |
|
|
|
[img]http://www.lemongtree.com/zh-cn/uploads/070722-201115_2007-07-22_201046.png[/img].
[More]
经历简单的横向、纵向、二级菜单后,开始“滑动门”之旅。

(在阿捷的网站上借用了一幅图片)
想法是用无序列表ul来实现
[可运行代码]
每一个li设定好border属性,除了底部的之外,因为底部那根线条要ul的border-bottom去处理。
因为横向显示,所以li要进行float:left;
再则,li进行float:left之后,ul无法确定其自身的高度,所以需要显示指定一个高:
[程序代码]
由于IE与FireFox...
[More]
| Categories: |
|
web标准 |
| Tags: |
|
|
| Actions: |
|
|
|
div比传统上的table要难控制多了
这里做的是一个常见的3列布局
header
left
content
right
footer
css部份写得不是很精简,欢迎大家评批指正,指点指点这个正在初学阶段的菜鸟 ^_^
<!DOCTYPE html PUBLIC "-//W3C//DTD...
[More]
| Categories: |
|
web标准 |
| Tags: |
|
布局 |
| Actions: |
|
|
|