@MaksZhukov
programer

Как сделать чтобы один блок перекрывал другой, но не полностью Safari?

#responsive-menu {
position: absolute;
left: 50%;
margin-left: -450px;
border-top: 9px solid #fff;
width: 900px;
height: 439px !important;
-moz-border-radius: 2000px / 152px !important;
-webkit-border-radius: 2000px / 152px !important;
-khtml-border-radius: 2000px / 152px !important;
border-radius: 2000px / 152px !important;
overflow: hidden !important;
background: -moz-radial-gradient(ellipse at top, rgba(0, 63, 29, 0.5) 25%, rgba(0, 63, 29, 0.3) 40%, rgba(0, 63, 29, 0) 73%, rgba(0, 63, 29, 0) 100%);
background: -webkit-radial-gradient(ellipse at top, rgba(0, 63, 29, 0.5) 25%, rgba(0, 63, 29, 0.3) 40%, rgba(0, 63, 29, 0) 73%, rgba(0, 63, 29, 0) 100%);
background: -khtml-radial-gradient(ellipse at top, rgba(0, 63, 29, 0.5) 25%, rgba(0, 63, 29, 0.3) 40%, rgba(0, 63, 29, 0) 73%, rgba(0, 63, 29, 0) 100%);
background: radial-gradient(ellipse at top, rgba(0, 63, 29, 0.5) 25%, rgba(0, 63, 29, 0.3) 40%, rgba(0, 63, 29, 0) 73%, rgba(0, 63, 29, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
}

.menu {
margin-top: -3px !important;
display: inline-block;
float: none !important;
}

Во всех браузерах у меня работает, а вот в сафари нет не пойму почему вроде все свойства поддерживаются в safari.
Помогите пожалуйста разобраться.
  • Вопрос задан
  • 205 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы