Question

我正在尝试为离子应用程序中的离子含量设置带有渐变的背景图像。当我运行ionic时，它可以完美地工作。但是当在设备上运行时，它却无法工作。这是我的css代码，如下所示

ion-content{
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: linear-gradient(#0000004b, black), url('../assets/imgs/wel2.png');

    }

我该如何解决才能在设备上工作

Answer 1

#element {
        background: linear-gradient(#0000004b, black); /* the standard */  
        background: -moz-linear-gradient(#0000004b, black); /* FF 3.6+ */  
        background: -ms-linear-gradient(#0000004b, black); /* IE10 */ 
        background: -webkit-linear-gradient(#0000004b, black); /* Safari 5.1+, Chrome 10+ */  
        background: -o-linear-gradient(#0000004b, black); /* Opera 11.10 */  
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000004b', endColorstr=black); /* IE6 & IE7 */  
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000004b', endColorstr=black)"; /* IE8+ */
    }

还要检查#element的z-index

带有渐变的离子3背景图像在设备中不起作用

1 个答案: