2015-03-29 5 views
0

Я пытаюсь установить фоновое изображение на моем первом представлении, не могли бы вы рассказать мне, почему мое фоновое изображение не отображается. Я хочу отобразить фоновое изображение на моем представлении. Я пытался использовать css, но не работал. вот мой код http://codepen.io/anon/pen/pvYdNMКак установить фоновое изображение в ионных?

.test { 
    border: 1px solid red; 
    position: relative!important; 

background: url('https://d262ilb51hltx0.cloudfront.net/max/800/1*AJALCafqXhfLMG7iF7Ho0A.jpeg'); 
    } 

ответ

0

переопределить стиль по умолчанию вам нужно использовать !important, удалить относительное позиционирование

.test { 
    border: 1px solid red; 
    background: url('some-url.jpg')!important; 
    background-size:cover !important; 
    } 

далее применять этот тестовый класс, чтобы пометить и удалить из заголовка тега

см demo

+0

не работает http://codepen.io/anon/pen/pvYdNM – Shruti

+0

увидеть мою ссылку я обновил asnwer –

+0

это работает, вы получаете половину изображений верхней части –

Смежные вопросы