[CSS] IE6 IE7 Inline-block 的問題

只需在已經套用Inline-block的CSS區段中加入以下兩行即可，缺點是這兩行並不符合CSS標準，(CSS hack)：

*zoom:1;/*IE6 and IE7 hack*/
*display:inline;/*IE6 and IE7 hack*/

Reference:
http://www.wowbox.com.tw/blog/article.asp?id=3260

http://tonylevid.com/?p=194

[CSS] 如何強制div永遠在flash的圖層上面而不被蓋住

關鍵字：CSS、z-index、flash、圖層、覆蓋、蓋住、遮住。
================
假如我們希望某個連結永遠顯示在flash上面，方法如下：
1. 先將flash 與 連結 設定各自的div  2. 增加wmode屬性為opaque (紅字部分)


    <div id="intro">
            <ul>
                <li><a href="...*.html">某個連結</a></li>
            </ul>
    </div>


    <div class="flash">
       <object classid=....
           <param name="movie" value="...
           <param name="quality" value="...
           <param name="wmode" value="opaque" />
           <embed src="...
       </object>
    </div>

3. CSS檔中設定z-index值，越大代表圖層越前面(越靠近使用者)：


.flash{
        ...
z-index:10;
}

#intro ul{
        ...
z-index:100;
}

#intro ul li{
        ...
z-index:100;
}

[CSS] IE8 無法正確顯示li 的 list-style-image 屬性(項目圖示)

li{
    list-style-image:url(images/XXX.gif);
}

如果在li中定義list-style-image，只有FireFox沒有問題，IE8會造成項目圖示與項目文字不對齊，Google Chrome 9.0會造成圖示遺失，唯一比較好的方法是把該項目圖示設定為背景圖案，利用pading的方式解決。

li{
 clear:inherit;
 margin:0;
 width:80px;
 float:left;                           /*讓條例項目呈現水平排列*/
 background-image:url(images/XXX.gif);
 background-repeat:no-repeat;
 background-position:left; 
 padding-left:10px;
 list-style-type:none; /*去除項目符號*/
}

參考網站：
1. list-style-image (CSS property)
http://reference.sitepoint.com/css/list-style-image

2. CSS ul li image to align with text

3. Tutorial 1 - Background images for bullets - all steps combined
http://css.maxdesign.com.au/listutorial/master.htm

[CSS] 在網頁上顯示windings;webdings字型

要在網頁上顯示這種特殊字型的方法為：
<font face="wingdings">&#50;</font>

不過FireFox不支援這種符號，所以有兩種方式可以解決：
1. 使用Unicode:  例如◄的編碼為： &#9668
2. 在本地設定顯示字型 (不建議)。

【相關網頁】
wingdings對應至unicode:
 http://www.alanwood.net/demos/wingdings.html

Unicode編碼表：
 http://zh.wikibooks.org/w/index.php?title=Unicode/2000-2FFF&variant=zh-hant

輸入符號查詢編碼：
 http://www.nengcha.com/code/unicode/?key=%26%239745;