2016-01-30 2 views
0

Мой сайт, в котором вы найдете here, имеет в верхнем меню 65% -ный непрозрачный div под меню и логотип, чтобы выделить логотип и меню.css background не работает на браузерах ios

Он работает в любом браузере на ПК и Android.

Он не работает ни в одном браузере на любом устройстве iOS ... (логотип и меню отображаются без непрозрачного фона).

Мой КСС:

.tm-navbar-transparent:not(.tm-navbar-slide) .tm-navbar { 
    background:rgba(0, 0, 0, 0.65); 
}; 
+0

Попробуйте добавить в свой css: -webkit-background: rgba (0, 0, 0, 0.65) вместо фона. –

ответ

0

как вы предназначаться свой стиль немного сложнее. не уверен, что ios поддерживает «нет» ... просто дайте div классу или id и цели, которые с помощью css.

Добавить идентификатор в строке в формате HTML:

<div id='topbar' class='tm-navbar uk-navbar'> ... your topbar ... </div> 

затем в CSS

#topbar { background:rgba(0, 0, 0, 0.65); } 

, если это не работает, попробуйте:

#topbar { background:rgba(0, 0, 0, 0.65) !important; } 

, как там могут быть некоторые другая вещь, которая его нацеливает.

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