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