Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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
如何使用Compass background-with-css2-fallback混音器?_Css_Sass_Compass Sass - Fatal编程技术网

如何使用Compass background-with-css2-fallback混音器?

如何使用Compass background-with-css2-fallback混音器?,css,sass,compass-sass,Css,Sass,Compass Sass,我如何使用指南针混频和回退 我特别希望能够为旧版本的IE设置默认背景色 以下是我目前正在尝试的,但IE8及以下版本似乎没有意识到这一点: div { background: #0E1B31; @include background-with-css2-fallback(linear-gradient(top, #0E1B31, #0A1322)); } background-with-css2-fallback的目的是避免您编写background:#0E1B31行。您可以这样使用它:

我如何使用指南针混频和回退

我特别希望能够为旧版本的IE设置默认背景色

以下是我目前正在尝试的,但IE8及以下版本似乎没有意识到这一点:

div {
  background: #0E1B31;
  @include background-with-css2-fallback(linear-gradient(top, #0E1B31, #0A1322));
}

background-with-css2-fallback
的目的是避免您编写
background:#0E1B31行。您可以这样使用它:

div {
  @include background-with-css2-fallback(linear-gradient(top, #0E1B31, #0A1322), #0E1B31);
}
您将得到的是:

div {
  background: #0e1b31;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e1b31), color-stop(100%, #0a1322)), #0e1b31;
  background: -webkit-linear-gradient(top, #0e1b31, #0a1322), #0e1b31;
  background: -moz-linear-gradient(top, #0e1b31, #0a1322), #0e1b31;
  background: -o-linear-gradient(top, #0e1b31, #0a1322), #0e1b31;
  background: -ms-linear-gradient(top, #0e1b31, #0a1322), #0e1b31;
  background: linear-gradient(top, #0e1b31, #0a1322), #0e1b31;
}
我想你真的只是想:

div {
  background: #0E1B31;
  @include background(linear-gradient(top, #0E1B31, #0A1322));
}

它的工作原理相同,可读性更强,输出的代码更少。如果希望颜色在较新的浏览器中保持在渐变后,可以将include更改为
背景图像。

background-with-css2-fallback
实际上不会输出所显示的内容。以下是我得到的输出:我正在运行Compass版本0.12.rc.0。在该代码中,
data:image/svg+xml
行是IE旧版本的基础。您必须打开一个我已关闭的设置。我猜您一定有这样的地方:
$svg的实验支持:true
。我不知道svg支持是如何工作的。抱歉。为了解释IE问题,我相信@Shpigford指的是:
IE8中的最大URI长度是32KB。IE9也支持JavaScript文件,最大大小限制设置为4GB。
-