Other Skill And Experience

其它技巧和經驗列表(以下實例預設執行環境都為Standard mode):

  1. 如何讓層在flash上顯示?

    方法:

    <param name="wmode" value="transparent" />

    設定flash的wmode值為transparent或opaque

  2. 如何使用標准的方法在頁面上插入flash?

    方法:

    <object id="flash-show" type="application/x-shockwave-flash" data="*.swf">
    	<param name="movie" value="*.swf" />
    	<param name="wmode" value="transparent" />
    	<img src="*.jpg" alt="用於不支援flash或屏蔽flash時顯示" />
    </object>

    至於flash的寬高可以在css裡設定

  3. 如何在點文字時也選中復選框或單選框?

    方法1:

    <input type="checkbox" id="chk1" name="chk" /><label for="chk1">選項一</label>
    <input type="checkbox" id="chk2" name="chk" /><label for="chk2">選項二</label>
    
    <input type="radio" id="rad1" name="rad" /><label for="rad1">選項一</label>
    <input type="radio" id="rad2" name="rad" /><label for="rad2">選項二</label>

    該方式所有主流瀏覽器都支援

    方法2:

    <label><input type="checkbox" name="chk" />選項一</label>
    <label><input type="checkbox" name="chk" />選項二</label>
    
    <label><input type="radio" name="rad" />選項一</label>
    <label><input type="radio" name="rad" />選項二</label>

    該方式相比方法1更簡潔,但IE6及更早瀏覽器不支援

  4. IE下如何對Standard Mode與Quirks Mode進行切換?

    IE6的觸發(在DTD申明前加上XML申明):

    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html>

    IE5.5及更早瀏覽器版本直接以Quirks Mode解析。

    所有IE版本的觸發(在DTD申明前加上HTML注釋):

    <!-- Let IE into quirks mode -->
    <!DOCTYPE html>

    當沒有DTD聲明時,所有IE版本也會進入Quirks Mode。

  5. 如何區別display:none與visibility:hidden?

    方法:

    相同的是display:none與visibility:hidden都可以用來隱藏某個元素; 不同的是display:none在隱藏元素的時候,將其占位空間也去掉;而visibility:hidden只是隱藏了內容而已,其占位空間仍然保留。
  6. 如何設定IE下的iframe背景透明?

    方法:

    設定iframe元素的標簽屬性allowtransparency="allowtransparency"然後設定iframe內部頁面的body背景色為transparent。 不過由此會引發IE下一些其它問題,如:設定透明後的iframe將不能遮住select