6.CSS图像预载
如果你要在HTML文件加载完成前预载图片，你可以把图片设置为一个DIV容器的背景图，并且把这个容器设为不可见。当HTML加载后再把这个DIV容器插入页面里。
1
2
3
4
5
6
|
div.loader {
background:url(images/hover.gif) no-repeat;
background:url(images/hover2.gif) no-repeat;
background:url(images/hover3.gif) no-repeat;
margin-left:-10000px;
} |
7.CSS透明度
由于老式浏览器对页面元素透明度处理不好，你必须为透明的元素写hack。
1
2
3
4
5
|
selector {
filter: alpha(opacity=60); /* MSIE/PC */
-moz-opacity: 0.6; /* Mozilla 1.6 and older */
opacity: 0.6;
} |
8.为IE和其它浏览器设置元素的最小高度
由于IE不支持min-height属性，我们还是要为IE写hack。以下代码的第一部分是正确的代码，可以在标准浏览器里使用，第二部分是针对IE的hack。由于IE不能识别min属性，因此height值设定为8em，使容器能装下超出容器范围的文本。
1
2
3
4
5
6
7
8
9
10
11
12
|
/* for browsers that don't suck */
.container {
min-height:8em;
height:auto !important;
}
/* for Internet Explorer */
/*\*/
* html .container {
height: 8em;
}
/**/ |
9.根据链接类型选用不同的链接样式
超链接的形式主要有http链接和mailto链接两种，你可以为这两种链接设置不同的样式。通过CSS3，你甚至能为指向不同文件类型的附件链接建立不同的样式！不过，这种做法对不兼容CSS3的浏览器不够友好，而这也是我们必须尽快淘汰老版本IE的原因。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
/* HTTP链接的样式 */
a[href^="http://"]
{
padding-right: 13px;
background: url(external.gif) no-repeat center right;
}
/* Mailto链接的杨思 */
a[href^="mailto:"]
{
padding-right: 20px;
background: url(email.png) no-repeat center right;
}
/* 指向PDF格式附件的样式 */
a[href$=".pdf"]
{
padding-right: 18px;
background: url(acrobat.png) no-repeat center right;
} |
10.移除IE里文本输入框的滚动条
IE浏览器会画蛇添足地为多行的文本输入框加上一个滚动条，哪怕你输入的文字长度还没有超出输入框的范围。通过下面的代码你可以把多余的滚动条移除。
1
2
3
|
textarea{
overflow:auto;
} |
