我正试图在我的离子应用程序中设置一个带有离子含量梯度的背景图像。当我运行离子发球时,它的工作非常完美。但当它在设备上时,它就不工作了。这是我的css代码,显示在下面
ion-content{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: linear-gradient(#0000004b, black), url('../assets/imgs/wel2.png');
}
我如何修复在设备中工作
#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+ */
}
还检查#元素的z索引