Sealyu

          --- 博客已遷移至: http://www.sealyu.com/blog

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            618 隨筆 :: 87 文章 :: 225 評論 :: 0 Trackbacks

          我們都知道IE6,7并不支持CSS3的屬性,IE8也不能很好的支持CSS3。但是有一個小腳本能夠做到,它可以讓IE支持 CSS3,包括:border-radius (rounded), box-shadow ( shadow), text-shadow等……

          如果你需要一個支持CSS3 的box content,你需要添加一行代碼:

          behavior: url(ie-css3.htc);

          代碼:

          .box {

            -moz-border-radius: 15px; /* Firefox */

            -webkit-border-radius: 15px; /* Safari and Chrome */

            border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

            -moz-box-shadow: 10px 10px 20px #000; /* Firefox */

            -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */

            box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */


            behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */

          }

          下載此腳本:http://fetchak.com/ie-css3/ie-css3.htc


          點擊查看詳情:http://fetchak.com/ie-css3/

          posted on 2010-04-28 21:42 seal 閱讀(1104) 評論(0)  編輯  收藏 所屬分類: CSS
          主站蜘蛛池模板: 长沙县| 咸宁市| 玉屏| 高碑店市| 红安县| 双江| 修文县| 阿拉善左旗| 阳高县| 淅川县| 锦屏县| 察雅县| 宁安市| 福建省| 唐河县| 长汀县| 沙洋县| 龙南县| 安平县| 巴楚县| 安徽省| 沁水县| 罗城| 富平县| 社旗县| 岫岩| 冷水江市| 桦川县| 泽库县| 安义县| 大厂| 高唐县| 曲松县| 秦皇岛市| 叙永县| 哈密市| 宜丰县| 潜山县| 张家界市| 隆昌县| 天水市|