Использование фона размера на фоне прикладывается через инлайн CSS

Question

я применяю на фоне внутреннего стиля, поскольку он нуждается в курсе PHP:

<div style="background:url(img.jpg)"> 
    test 
</div> 

В некоторой точки излома, мне нужно применить фон-размер: содержат;

@media screen and (max-width: 600px) { 
    div { 
     background-size:contain; 
    } 
} 

Редактировать. Кажется, что CSS из таблицы стилей не применяется в сочетании с встроенным CSS в этом случае. Есть ли решение для этого?

Вот простой jsFiddle ->http://jsfiddle.net/z5r1hwmq/

Answer 1

Вы можете попробовать, добавив важно, например

background-size:contain!important; 

Однако, это не самый лучший вариант!. Он изменяет размер, но было бы лучше, если бы у вас была реальная структура, которую вы используете, чтобы вы могли получить необходимый элемент через родительские элементы и могли бы сделать это, не добавляя «! Important».

Answer 2

Вы можете динамически добавлять/изменять класс с помощью php для элемента вместо встроенного стиля.

Также вам нужно добавить приоритет в класс css, например, background-size:contain !important;, в противном случае встроенные стили имеют приоритет.

Надеюсь, это поможет.

Answer 3

Просто используйте background-image вместо background, так что вы не отменяют все фоновые параметры и не нужен !important;)

<div style="background-image:url(img.jpg)"> 
    test 
</div>