Question

我是Compass和SASS的新手（刚刚超越了一个非常基本的理解，到了测试阶段），并且想尝试创建一个具有border-radius特性的div，它可以跨浏览器工作，包括在IE8中。我已经成功安装了SASS和Compass，这创建了一个带有ie.scss和screen.scss的标准文件结构。 Compass watch命令工作正常，并成功编译SASS命令。但是我似乎无法在IE8中使用border-radius（使用PIE）。

以下是我正在尝试使用的代码：

@import "compass/reset";
@import "compass/css3";
@import "compass/support";
@import "compass/css3/pie";
$legacy-support-for-ie: true;
.compound { @include border-radius(10px 15px, 10px 16px);
            border: 1px solid;
            behavior: url(PIE.htc);
}

我已经尝试将它放在screen.scss和ie.scss中，显然没有效果。我一定错过了什么......但是什么？

顺便说一句，这是HTML

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <link href="stylesheets/screen.css" media="screen,projection" rel="stylesheet" type="text/css" />
        <link href="stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
        <link href="stylesheets/pie.css" media="screen,projection" rel="stylesheet" type="text/css" />
        <!-- [if IE]>
            <link href="stylesheets/ie.css" media="screen,projection" rel="stylesheet" type="text/css" />
        <![endif]-->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <div><h1>Test de compass</h1></div>
        <div class="compound">
            <p>Suspendisse bibendum libero eu tortor tempor, non convallis lectus hendrerit. 
</p>
        </div>
    </body>
</html>

Answer 1

我找到了答案 - 也许这会有所帮助。

我在Wampserver下安装的测试台上运行，因此测试网站主页的地址为http://localhost/pietest/index.html
但是，在安装PIE时，它假定您位于Web服务器根目录，因此在安装时生成的pie.scss文件中创建的URL不正确。它使用的是Web服务器的绝对地址（“/stylesheets/pie.HTC”），而它需要是一个相对地址：这个工作 - “stylesheets / pie.HTC”

获取指南针以生成在ie8中工作的border-radius

1 个答案: