|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
15.04.2015, 11:07 | #1 |
Новичок
Джуниор
Регистрация: 15.04.2015
Сообщений: 2
|
Как правильно скорректировать код CSS, чтобы кнопка корректно отображалась в браузере SAFARI ?
Здравствуйте.
Подскажите кто знает, как правильно скорректировать код отображения кнопки выполненной на CSS, чтобы кнопка корректно отображалась в браузере SAFARI. На сайте (откуда взял код кнопки) было указано автором, что необходимо разбить background на background-color и background-image, тогда в браузере SAFARI кнопка будет отображаться правильно. Но у меня это так и не получилось. Вот полный код: Код HTML:
<style> a.button22 { position: relative; display: inline-block; width: 6em; height: 2.5em; line-height: 2.4em; vertical-align: middle; text-align: center; text-decoration: none; user-select: none; color: #000; outline: none; border: 1px solid rgba(110,121,128,.8); border-top-color: rgba(0,0,0,.3); border-radius: 5px; background: rgb(206, 220, 231) linear-gradient(rgb(206,220,231), rgb(89,106,114)); box-shadow: 0 -1px rgba(10,21,28,.9) inset, 0 1px rgba(255,255,255,.5) inset; } a.button22:hover { background: linear-gradient(#d2dfea, #71828c); } a.button22:active { line-height: 2.6em; background: linear-gradient(#bac6cf, #c5d3de 20%, #71828c); box-shadow: 0 -1px rgba(255,255,255,.4) inset; } a.button22:before { content: ""; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; z-index: -1; border-radius: 8px; background: linear-gradient(rgba(200,200,200,.5), rgba(240,240,240,.5)); } </style> <a href="#" class="button22">Кнопка</a> |
15.04.2015, 13:31 | #2 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Бред какой-то, у тебя градиент непрозрачный, зачем тебе вообще background-color?
Alar, верни репу!
|
16.04.2015, 15:16 | #3 |
Новичок
Джуниор
Регистрация: 15.04.2015
Сообщений: 2
|
Ответ.
Так было написано автором сайта кнопок.
В браузере safari эта кнопка выглядит белым цветом с тонкой рамкой вокруг, а надо, чтобы цвет был серый. Т.е. в браузере safari эта кнопка выглядит некорректно и при наведении курсора мыши ничего не меняется, в в других браузерах она изменяет цвет (или градиент). Вот мне надо скорректировать этот код так, чтобы в браузере SAFARI кнопка выглядела также, как и в других браузерах. |
16.04.2015, 17:33 | #4 |
Участник клуба
Регистрация: 19.01.2009
Сообщений: 1,454
|
linear-gradient(rgb(206,220,231), псевдокласс для сафари и старых версий хрома -webkit-linear-gradient(rgb(206,220,231)
|
16.04.2015, 23:16 | #5 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
ну так убери нахрен бэкграунд-колор...
Alar, верни репу!
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
теги <Audio> и <video> в браузере Safari | Antohka | HTML и CSS | 0 | 06.03.2015 17:39 |
Как сделать чтобы запущенная программа отображалась в районе часов? | :=) | Общие вопросы Delphi | 9 | 07.07.2012 09:52 |
просьба! как можно переделать код макроса, чтобы корректно искал? | Nick31 | Microsoft Office Excel | 7 | 19.05.2012 00:34 |
Как сделать так, чтобы в моем браузере новое окно страницы открывалось в моем-же браузере??? | Somilya | Помощь студентам | 6 | 22.12.2009 21:56 |
Как сделать чтобы страница отображалась в таблице | Diman2008 | HTML и CSS | 4 | 20.10.2008 14:52 |