搜尋

首頁  >  問答  >  主體

ie-css3.htc 放在服务器上为什么不起作用

ie-css3.htc放在服务器上,也可以正常访问,为什么在IE8上看不到效果呢,百思不得其解呀,你们觉得是什么问题呢?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
          .cricle{width:100px;height:100px;background: red;border-radius: 50%;position: relative;behavior: url(http://kom3.eisoo.com/css/ie-css3.htc); } 
    </style> 
</head>
<body>
   <p class="cricle"></p>
</body>
</html>
PHPzPHPz2863 天前842

全部回覆(5)我來回復

  • 高洛峰

    高洛峰2017-04-17 11:53:33

    親測可以。你直接放根目錄下看看

    回覆
    0
  • ringa_lee

    ringa_lee2017-04-17 11:53:33

    你怎麼弄的呀,為啥我的不行?

    回覆
    0
  • 阿神

    阿神2017-04-17 11:53:33

    css3 ie9以上支援

    回覆
    0
  • 大家讲道理

    大家讲道理2017-04-17 11:53:33

    哈哈,被我猜到了,不支援跨域。

    如果放在網站根目錄下,以http://127.0.0.1/index.html訪問時,CSS檔案中就不可以寫behavior: url(http://localhost/ie-css3.htc);而是寫behavior: url(http://127.0.0.1/ie-css3.htc);但是最好使用相對路徑如果css檔案與ie-css3.htc在同一資料夾下,寫behavior: url(ie-css3.htc);

    測試環境:windows7 + IE8


    另外:

    • 目前元素一定要有定位屬性,像是position:relative或是position:absolute屬性。

    • z-index值一定要比周圍元素的高

    • border-radius只設定一個角無效

    • box-shadow中的顏色只可設定#000

    • text-shadowIE下的表現與Firefox/Safari/Chrome有一點點的差異,原因不詳
      參考:讓IE6/IE7/IE8瀏覽器支援CSS3屬性

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:53:33

    試試更改url的路徑,用相對路徑好些

    回覆
    0
  • 取消回覆