首頁 > web前端 > css教學 > 分享css的六個經典小技巧

分享css的六個經典小技巧

零下一度
發布: 2017-05-10 11:57:39
原創
1293 人瀏覽過

其它技巧與經驗清單(*下列實例預設執行環境皆為Standard mode):

  1. #如何讓層在falsh上顯示?

    方法:

    <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" />
     ![](*.jpg)
    </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
    登入後複製

待續及修訂。 。 。

【相關推薦】

1. 免費css線上影片教學

2. css線上手冊

#3. php.cn獨孤九賤(2)-css影片教學

#

以上是分享css的六個經典小技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板