Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Sass 让指南针生成在ie8中工作的边界半径_Sass_Css3pie_Compass Sass - Fatal编程技术网

Sass 让指南针生成在ie8中工作的边界半径

Sass 让指南针生成在ie8中工作的边界半径,sass,css3pie,compass-sass,Sass,Css3pie,Compass Sass,我对Compass和SASS非常陌生(刚刚超越了一个非常基本的理解,进入了测试阶段),我想尝试创建一个具有边界半径特征的div,它可以跨浏览器工作,包括在IE8中。 我已经成功地安装了SASS和Compass,这创建了一个带有ie.scss和screen.scss的标准文件结构。Compass watch命令工作正常,并成功编译SASS命令。然而,我似乎无法在IE8中使用边界半径(使用PIE) 以下是我尝试使用的代码: @import "compass/reset"; @import "comp

我对Compass和SASS非常陌生(刚刚超越了一个非常基本的理解,进入了测试阶段),我想尝试创建一个具有边界半径特征的div,它可以跨浏览器工作,包括在IE8中。 我已经成功地安装了SASS和Compass,这创建了一个带有ie.scss和screen.scss的标准文件结构。Compass watch命令工作正常,并成功编译SASS命令。然而,我似乎无法在IE8中使用边界半径(使用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>

提供头衔
罗盘测试
暂停自由欧盟临时侵权人,不可撤销。


我找到了答案-也许这会帮助其他人

我在安装在Wampserver下的测试台上运行,因此测试站点主页的地址是
http://localhost/pietest/index.html


但是,当您安装PIE时,它假定您位于web服务器根目录下,因此在安装时生成的PIE.scss文件中创建的URL不正确。它使用的是web服务器的绝对地址(“/stylesheets/pie.HTC”),而它需要一个相对地址:这是有效的-“stylesheets/pie.HTC”

您是否验证了您正确使用了pie?这正是我的问题:我假设我没有正确使用pie,但我无法找出我所做的不正确之处!