Tag Archives: CSS

CSS的覆盖问题

  CSS中,遇到有冲突的样式时,基本上是内联的样式覆盖链接的样式,后定义的样式覆盖先定义的样式。但有时候情况并非如此。

在链接的CSS中有这么一项,
#content td {
    padding:0pt;
}
在内联的CSS中是这么定义的:
.topList td {
    padding:0pt 1em;
}
  按常理,内联的样式覆盖链接的样式,应该选用padding:0pt 1em;。但实际上,浏览器选用的还是padding:0pt;。把内联的样式改成
table.topList td、#content table.topList td也还是不行。最后,用了!important才解决了问题。也就是写成padding:0pt 1em !important;。本来以为IE不认!important,事实上,很多时候!important对IE确实不起作用,但在这里,却能证实IE还是认识!important的,只是处理方式与标准有所不同。

预装载图片的又一个办法

通常预装载图片是使用Javascript。DW提供的代码也是这么做的。
其实还可以用CSS来做,不需要额外的js代码。
例如:
#preloadImages{
    display:inline;
    width:0px;
    height:0px;
    background-image: url(path/to/image1.png);
    background-image: url(path/to/image2.png);
    background-image: url(path/to/image3.png);
    background-image: url();
}