Fatal编程技术网
  • css/
  • Css 指南针和馅饼盒'；好像不行

Css 指南针和馅饼盒'；好像不行

css internet-explorer sass

Css 指南针和馅饼盒'；好像不行,css,internet-explorer,compass-sass,sass,css3pie,Css,Internet Explorer,Compass Sass,Sass,Css3pie,我正在使用创建网页CSS样式。我想使用CSS3功能，如边界半径和线性梯度，但Internet Explorer拒绝合作 我是这样编码的： $pie-behavior: url("../stylesheets/PIE.htc"); // I've tried 'stylesheets/PIE.htc' and '/pink/stylesheets/PIE.htc' (all webpage is in folder 'pink'). $pie-base-class: pie-base; .pie

我正在使用创建网页CSS样式。我想使用CSS3功能，如
边界半径
和
线性梯度
，但Internet Explorer拒绝合作

我是这样编码的：

$pie-behavior: url("../stylesheets/PIE.htc");
// I've tried 'stylesheets/PIE.htc' and '/pink/stylesheets/PIE.htc' (all webpage is in folder 'pink').
$pie-base-class: pie-base;

.pie-base {
  @include pie-element(relative);
}

body {
  @include pie;
  @include background(
      image-url('header_background.png') no-repeat top center,
      linear-gradient(top center,
        $bg-gradient-start, $bg-gradient-stop
      ) no-repeat,
      image-url('wavy-white.jpg')
    );
}
有什么问题吗？

您是否尝试过在.htaccess中添加正确的MIME类型？ 像这样：

AddType text/x-component htc
您是否尝试在.htaccess中添加适当的MIME类型？ 像这样：

AddType text/x-component htc
我的测试方法是：

1/是IE找到的
PIE.htc
？声明：

注意：此路径相对于正在查看的HTML文件，而不是从中调用它的CSS文件

为了验证Compass文件中指示的目录是否正常，您可以在同一目录中添加图像，并尝试将其显示为HTML图像，如：

<body><div>
  <img src="stylesheets/yourtestimage.png" alt="If you can read this, it failed" width="400" height="400">
</div></body>
然后是多个背景：

p {
  /* (...) */
  -pie-background: linear-gradient(#F44, #400); /*PIE*/
  /* (...) */
}

p {
  /* (...) */
  -pie-background: url(***/small_or_transparent_image1.png) left top no-repeat,
                   url(***/repeating_image2.png) left top repeat,
                   darkgreen;
  /* (...) */
}
最后是一个组合：

p {
  /* (...) */
  -pie-background: url(***/small_or_transparent_image1.png) left top no-repeat,
                   linear-gradient(#F44, #400),
                   darkgreen;
  /* (...) */
}
顺便说一句，你的多重背景是否在Firefox和webkit浏览器上以-moz线性渐变等方式成功显示？可以帮助您使用所有这些前缀（对于Compass的下一步，它碰巧通过“切换到scss”支持其格式，以防您还不知道）

4/然后在Compass文件中添加变量和scss代码。在这方面我帮不了你，我使用更少或更简单的CSS。您应该对照Compass代码检查生成的CSS：Compass代码是否生成了您想要生成的CSS？

我的测试方法是：

1/是IE找到的
PIE.htc
？声明：

注意：此路径相对于正在查看的HTML文件，而不是从中调用它的CSS文件

为了验证Compass文件中指示的目录是否正常，您可以在同一目录中添加图像，并尝试将其显示为HTML图像，如：

<body><div>
  <img src="stylesheets/yourtestimage.png" alt="If you can read this, it failed" width="400" height="400">
</div></body>
然后是多个背景：

p {
  /* (...) */
  -pie-background: linear-gradient(#F44, #400); /*PIE*/
  /* (...) */
}

p {
  /* (...) */
  -pie-background: url(***/small_or_transparent_image1.png) left top no-repeat,
                   url(***/repeating_image2.png) left top repeat,
                   darkgreen;
  /* (...) */
}
最后是一个组合：

p {
  /* (...) */
  -pie-background: url(***/small_or_transparent_image1.png) left top no-repeat,
                   linear-gradient(#F44, #400),
                   darkgreen;
  /* (...) */
}
顺便说一句，你的多重背景是否在Firefox和webkit浏览器上以-moz线性渐变等方式成功显示？可以帮助您使用所有这些前缀（对于Compass的下一步，它碰巧通过“切换到scss”支持其格式，以防您还不知道）

4/然后在Compass文件中添加变量和scss代码。在这方面我帮不了你，我使用更少或更简单的CSS。您应该对照Compass代码检查生成的CSS：Compass代码是否生成了您希望生成的CSS？

我发现cssPIE不理解
rgba
值，因此我将颜色渐变为透明的想法不可行：/a也就是说，不理解CSS样式中的内联SVG，所以即使该功能也不可用工作所以，唯一的方法是为IE制作另一种样式，并从所有渐变元素中删除渐变：//

我发现cssPIE不理解
rgba
值，所以我将颜色渐变为透明的想法不起作用：/IE不理解CSS样式中的内联SVG，所以即使该功能也不起作用。所以唯一的方法就是为IE制作另一种样式，并从所有渐变元素中删除渐变：//

我发现cssPIE很难使用。当我设置它时，我使用了js实现而不是htc实现：

<!--[if lte IE 8 ]>
  <script src="/js/libs/PIE.js" type="text/javascript"></script>
<![endif]-->
以下是我的真实世界示例：

我发现cssPIE很难使用。当我设置它时，我使用了js实现而不是htc实现：

<!--[if lte IE 8 ]>
  <script src="/js/libs/PIE.js" type="text/javascript"></script>
<![endif]-->
这是我的真实世界示例：

是的，我已经通过
curl-I对其进行了更改http://localhost/pink/stylesheets/PIE.htc
我得到了
内容类型：text/x-component
。另外，我使用的是Nginx，而不是Apache。也许可以检查一下：不幸的是：
$cat/etc/Nginx/conf/mime.types | grep-htc
生成
text/x-component-htc是的，我通过
curl-I来更改它http://localhost/pink/stylesheets/PIE.htc
我得到了
内容类型：text/x-component
。另外，我使用的是Nginx，而不是Apache。也许可以检查一下：不幸的是：
$cat/etc/Nginx/conf/mime.types | grep-htc
生成
text/x-component-htc