Question

我的项目设计完全基于css3，我希望它在Internet Explorer 8中看起来很好。我找到了这个sollution http://fetchak.com/ie-css3/。我可以看到它有效，但是当我在我的网站上实现它时它不起作用。

这是我做的 - 我有一个/ css /文件夹，我添加了ie-css3.htc文件。比样式表中我有以下内容：

.s {
    width: 235px;
    padding: 5px 10px 5px 10px;
    background: #231914;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    float: left;

    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;

    -webkit-box-shadow: 0 1px 0 #000, 0 1px 3px #54463f inset;
    -moz-box-shadow: 0 1px 0 #000, 0 1px 3px #54463f inset;
    box-shadow: 0 1px 0 #000, 0 1px 3px #54463f inset;

    behavior: url("ie-css3.htc"); /* This should allow rounded corners and box-shadow             
                                     in ie8 */
}

任何人都可以建议为什么它不起作用？这是我的网站：http://freshbeer.lv/new/latvian/index.php 查看搜索框，它具有所有css3功能

Answer 1

我不会依赖圆角的行为。它们比行为可以解决的任何事情都复杂得多。

IE实现阴影也存在很多问题。它需要一个过滤器，它会产生许多丑陋的副作用，例如禁用cleartype（字体平滑）。我以前做过，结果不值得。

您可以使用备用库ie9.js获得某些所需的内容但是我再次提醒您它带有副作用（如页面延迟）。< / p>

在一天结束时，在版本10之前（并且可能包括）版本10的IE版本没有充分支持CSS3，并且没有任何数量的javascript会改变它。它很糟糕，但这是微软准备提供的最好的。

你接近你需要的唯一方法就是讨厌的黑客和变通办法。你会发现他们不值得花时间和精力。你的客户可以坚持他们所喜欢的一切，但真相被告知它就像坚持让他们的现代车型超越法拉利。这不会发生。

Answer 2

你现在可能已经完成了这个，但是根据ie-css页面，behavior语句是相对于文档根目录的。如果您在css目录中有，请将路径更改为/css/ie-css3.htc，以便找到该文件。

ie-css3.htc（支持Css3）不工作[如果有人使用它可以提出建议请]

2 个答案: