Фоновое изображение Ionic 3 с градиентом не работает в устройстве

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+ */
    }

проверьте также z-индекс элемента #