6.CSS圖像預(yù)載
如果你要在HTML文件加載完成前預(yù)載圖片，你可以把圖片設(shè)置為一個DIV容器的背景圖，并且把這個容器設(shè)為不可見。當(dāng)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和其它瀏覽器設(shè)置元素的最小高度
由于IE不支持min-height屬性，我們還是要為IE寫hack。以下代碼的第一部分是正確的代碼，可以在標(biāo)準(zhǔn)瀏覽器里使用，第二部分是針對IE的hack。由于IE不能識別min屬性，因此height值設(shè)定為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.根據(jù)鏈接類型選用不同的鏈接樣式
超鏈接的形式主要有http鏈接和mailto鏈接兩種，你可以為這兩種鏈接設(shè)置不同的樣式。通過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;
} |
