CSS实现菜单圆角背景
今天遇到要做CSS实现菜单圆角背景的效果, 所以在网上搜了一下，发现此方法最简单可行~~特记录下来供大家一起使用~~~
.nav ul li a{float:left; display:block; padding: 0 10px;
} /*注意padding*/
.nav ul li a:hover{padding:0 0 0 10px;
display:block; background:url(images/tableft1.jpg) left top no-repeat #990000; color:#fff; }
.nav ul li a:hover span{padding:0 10px 0 0 ;
display:block; background:url(images/tabright1.jpg) right top no-repeat #990000; color:#fff; }
<ul><li><a href="#"><span>Home</span></a></li></ul>
tableft1.jpg
和 tabright1.jpg
相关文档：
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.
一、CSS HACK
以下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
< ......
div+css浏览器兼容问题解决方法
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高
line- ......
很早就在这里看到过解决方案，与嗷嗷讨论后发现这个方案还是很可靠的。当然，唯一的缺点就是每一个属性都要去Hack，但我在很多实践中，只用‘修正’1-2个属性就可以了。
具体写法很容易：
#someNode
{
position: fixed;
#position: fixed;
_position: fixed;
}
第一排给Firefox以及其他浏览� ......
第二讲 div+css标准布局
优点：内容和样式分离
margin：外边距
举例：
.bianju{
margin-top:40cm;
margin-left:10cm;
margin-right:10cm;
margin-bottom:15cm;
}
或者写成：
.bianju{
margin:1cm 2cm 3cm 4cm; (左右上下)如果只写一个，是4边都是一个固定的值
margin:auto ......
如果你不总是用 Windows
上的 Internet
Explorer
来上网的话，你可能会注意到，许多网站上的视频点播之类的多媒体内容，你无法直接在 Internet Explorer
以外的其它浏览器中观看，比如明明已经安装
了插件却提示缺少插件，或者什么都不提示出现空的框框，或者显
示了播放器插件却始终连不上打不开之类的问题� ......
