Question

我不明白为什么这个CSS不适用于我的设备（Android 4.4和iOS 8.0）：

body {
    background: -webkit-linear-gradient(45deg, $gcolor1, $gcolor2, $gcolor3, $gcolor4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, $gcolor1, $gcolor2, $gcolor3, $gcolor4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, $gcolor1, $gcolor2, $gcolor3, $gcolor4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, $gcolor1, $gcolor2, $gcolor3, $gcolor4); /* Standard syntax */
    background-attachment:fixed;
    background-position: center;
}

body .view-container.tab-content {
  background-color: transparent;
}

body .pane, .menu, .view, .list, .item       {
    background: transparent;
}

背景变成了白色，尽管它在浏览器中有效（在手机和Chrome上）。发生了什么事？

仅供参考，我使用Phonegap Build部署应用程序，并将此CSS应用于Ionic / Angular项目。

Answer 1

可能会错过这个：

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,$gcolor1), color-stop(33%,$gcolor2), color-stop(66%,$gcolor3), color-stop(100%,$gcolor4));

这应该特定于Safari 4+和Chromes

Answer 2

试试这个

在index.html中

添加此

  <link href="css/ionic.min.css" rel="stylesheet">
      <link rel="stylesheet" type="text/css" href="css/index.css" />

然后将您的CSS文件复制到CSS文件夹

中

在index.html中添加

    <script>
 if (navigator.userAgent === undefined) {
                    navigator.__defineGetter__('userAgent', function() {
                                               return("Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit");
                    });
                }

</script>

CSS无法使用设备

2 个答案: