IE6 下:hover 中bug解决了(纯CSS)
这个bug,主要是一个二级菜单,在ie7中hover时正常显示出来,在ie6下没有效果。在网上找了很多资料,弄了好几天,最终是参照别人的代码,用的纯css经过自己的整理,就把它给弄下来了。希望以后自己多来看看。
如下:
-------------------
css代码:
.allMenu
{
width: 894px;
height: 22px;
line-height: 22px;
margin: 7px 3px 1px 3px;
background: url(images/menubg.GIF) repeat-x top left;
}
.allMenu .select
{
padding: 0px;
margin: 0px;
white-space: nowrap;
list-style-type: none;
}
.allMenu LI
{
height: auto;
padding: 0px;
float: left;
margin: 0px;
}
.allMenu .select A
{
height: 22px;
padding: 0 20px 0 20px;
display: block;
float: left;
color: Black;
line-height: 22px;
white-space: nowrap;
text-decoration: none;
}
.allMenu .select A:hover /* for ie6 */
{
cursor: pointer;
background: url(images/hoverbg.JPG) repeat-x top left;
}
.allMenu .select LI:hover A
{
cursor: pointer;
background: url(images/hoverbg.JPG) repeat-x top left;
}
.allMenu .select A:hover B /* for ie6,主要在ie6下样式有变化 */
{
cursor: pointer;
background: url(images/hoverbg.JPG) repeat-x top left;
display: block;
float: left;
}
.allMenu .select_sub {
display: none; /*不可见*/
}
.allMenu .sub
{
padding: 0px;
margin: 0px auto;
list-style-type: none;
}
.nav TABLE
{
font-size: 1em;
&nbs
相关文档:
JavaScript CSS Style属性对照表
文章来源:http://www.phplamp.org/2008/10/jsavscript-js-css-style/
为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性。比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样:
JavaScript代码
<script type="text/javascript"> & ......
1. 将网页或元素居中
HTML:
<div class="wrap">
</div><!-- end wrap -->
CSS:
.wrap { width:960px; margin:0 auto;}
......
转:写的不错,对于网页开发有指导意义
在《欲练 CSS ,必先宫 IE》和《你有 <table /> 强迫症吗?》这两篇文章中,看到有不少评论用到div+CSS布局这个说法,用来和table布局比较。实际上div不是用来布局的,div只是用来表示一个其它元素都无法准确表达语意的一个块区,只有CSS是用于布局的,所以根本就不存在di ......
一:css的概念
CSS是层叠样式表(Cascading Style Sheets)用来定义网页的现实效果。可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的现实效果功能。简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能。
二:css的优点
样式表定义如 ......
div css网站布局的八个小技巧
1.若有疑问立即检测
在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请
见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的 ......