Css только для Chrome

@Nenado88 · Регистрация: 26.03.2013

Author24 — интернет-сервис помощи студентам

Нужна помощь, в поиске по форуму не нашел, создал тему, если что не ругайте))
В хроме стиль работает нормально, а в Опере и Мазиле отказывается себя адекватно вести. Принял решение, что только пользователи Chrome смогут почувствовать его. Так вот и сам вопрос, как это сделать?
Сам стиль нужен только при наведении на элемент:

CSS

#product_previev_catalog :hover{
overflow:visible;
position: relative;
max-height: none;
border-radius: 6px;
z-index: 2;
}

@SanychBY · 17.08.2013, 00:55

Nenado88,
1)Тот код что ты выложил маловато, в нем все должно работать в мазиле и опере,значит, дело не в нем.
2) Определить тип браузера на css - не скажу что не реально, это скорее не предусмотрено. Используйте php или еще лучше js

@Elmanderrr · 17.08.2013, 01:17

@media screen and (-webkit-min-device-pixel-ratio:0) {
.class {}
}

@SanychBY · 17.08.2013, 01:25

Сообщение от Elmanderrr

@media screen and (-webkit-min-device-pixel-ratio:0) {
.class {}
}

http://htmlbook.ru/css/media
Вы читали зачем это используется?

Сообщение от Elmanderrr

-webkit-min-device-pixel-ratio:0

Если Вы собираетесь именно это использовать как определяющее браузер, то зачем Вам @media?

@Elmanderrr · 17.08.2013, 01:29

если честно, то не разбирался, просто кинул то что работает
зачем используется media я знаю, хоть и не работал с ним непосредственно

@SanychBY · 17.08.2013, 01:32

Сообщение от Elmanderrr

если честно, то не разбирался, просто кинул то что работает

Человеку нужно было определить тип браузера и для него использовать конкретный css. На мой взгляд единственное, что тут дельное, так это -webkit-. Все остальное никак не решает данную задачу.

@Elmanderrr · 17.08.2013, 01:34

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

@SanychBY · 17.08.2013, 01:36

Сообщение от Elmanderrr

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

ок. куда мне писать код для хрома? бордары там разные и падинги

@Elmanderrr · 17.08.2013, 01:38

Сообщение от SanychBY

ок. куда мне писать код для хрома? бордары там разные и падинги

Непосредственно в основной файл стилей. Вот пример моего использования
@media screen and (-webkit-min-device-pixel-ratio:0) {
#bottom_nav {margin-top:-120px; }/*chrome hack*/
}

@SanychBY · 17.08.2013, 01:40

CSS

@media screen and (-webkit-min-device-pixel-ratio:0) {
.class {border:1px red;
padding:20px}
}

@Elmanderrr · 17.08.2013, 01:42

Сообщение от SanychBY

CSS

@media screen and (-webkit-min-device-pixel-ratio:0) {
.class {border:1px red;
padding:20px}
}

да, ну и .class на нужный класс или id поменять не забудьте

@SanychBY · 17.08.2013, 01:43

Elmanderrr, И этот код будет работать только для хрома?

@Elmanderrr · 17.08.2013, 01:44

Да, этот код будет работать только для хрома

@SanychBY · 17.08.2013, 01:45

Elmanderrr, мне лень проверять. подождем пока Nenado88 ответить.

@Elmanderrr · 17.08.2013, 01:47

Мне просто довелось буквально пару дней назад кое что править специально под хром, в гугле очень быстро нашел вот этот вариант, сработало, как ни странно. А для оперы можно вот такую хрень использовать

CSS

1
2
3

noindex:-o-prefocus,#bottom_nav {
margin-top: -120px;/*opera hack*/
}

@Taatshi · 18.08.2013, 14:38

Посать разные отступы для разных браузеров - это извращение, хотя технически и возможно. Используйте ResetCSS - обнуление стилей в css

@Elmanderrr · 18.08.2013, 15:24

Дело в том что хром и опера иногда не правильно определяют позиционированные элементы, по этому иногда приходится править

@AndrewEnergy · 12.08.2015, 12:13

Сообщение от Elmanderrr

Непосредственно в основной файл стилей. Вот пример моего использования
@media screen and (-webkit-min-device-pixel-ratio:0) {
#bottom_nav {margin-top:-120px; }/*chrome hack*/
}

Код от Elmanderrr-а помог, в мозиле картинка отображалась нормально, в хроме съехала на 2 пикселя. В итоге поченил

@Taatshi Администратор 12268 / 5333 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	18.08.2013, 14:38	16
	Посать разные отступы для разных браузеров - это извращение, хотя технически и возможно. Используйте ResetCSS - обнуление стилей в css 0

@SanychBY 39 / 46 / 3 Регистрация: 04.06.2013 Сообщений: 1,532
	17.08.2013, 00:55	2
	Nenado88, 1)Тот код что ты выложил маловато, в нем все должно работать в мазиле и опере,значит, дело не в нем. 2) Определить тип браузера на css - не скажу что не реально, это скорее не предусмотрено. Используйте php или еще лучше js 0

@Elmanderrr 5 / 5 / 0 Регистрация: 21.01.2013 Сообщений: 45
	17.08.2013, 01:17	3
	@media screen and (-webkit-min-device-pixel-ratio:0) { .class {} } 0

@SanychBY 39 / 46 / 3 Регистрация: 04.06.2013 Сообщений: 1,532
	17.08.2013, 01:25	4
	Сообщение от Elmanderrr @media screen and (-webkit-min-device-pixel-ratio:0) { .class {} } http://htmlbook.ru/css/media Вы читали зачем это используется? Сообщение от Elmanderrr -webkit-min-device-pixel-ratio:0 Если Вы собираетесь именно это использовать как определяющее браузер, то зачем Вам @media? 0

@Elmanderrr 5 / 5 / 0 Регистрация: 21.01.2013 Сообщений: 45
	17.08.2013, 01:29	5
	если честно, то не разбирался, просто кинул то что работает зачем используется media я знаю, хоть и не работал с ним непосредственно 0

@SanychBY 39 / 46 / 3 Регистрация: 04.06.2013 Сообщений: 1,532
	17.08.2013, 01:32	6
	Сообщение от Elmanderrr если честно, то не разбирался, просто кинул то что работает Человеку нужно было определить тип браузера и для него использовать конкретный css. На мой взгляд единственное, что тут дельное, так это -webkit-. Все остальное никак не решает данную задачу. 1

@Elmanderrr 5 / 5 / 0 Регистрация: 21.01.2013 Сообщений: 45
	17.08.2013, 01:34	7
	Вы пробовали это использовать? Я не просто так кинул первый попавшийся код, а взял из реального примера. 1

@SanychBY 39 / 46 / 3 Регистрация: 04.06.2013 Сообщений: 1,532
	17.08.2013, 01:36	8
	Сообщение от Elmanderrr Вы пробовали это использовать? Я не просто так кинул первый попавшийся код, а взял из реального примера. ок. куда мне писать код для хрома? бордары там разные и падинги 1

@Elmanderrr 5 / 5 / 0 Регистрация: 21.01.2013 Сообщений: 45
	17.08.2013, 01:38	9
	Сообщение от SanychBY ок. куда мне писать код для хрома? бордары там разные и падинги Непосредственно в основной файл стилей. Вот пример моего использования @media screen and (-webkit-min-device-pixel-ratio:0) { #bottom_nav {margin-top:-120px; }/chrome hack/ } 2

@SanychBY 39 / 46 / 3 Регистрация: 04.06.2013 Сообщений: 1,532
	17.08.2013, 01:43	12
	Elmanderrr, И этот код будет работать только для хрома? 0

@Elmanderrr 5 / 5 / 0 Регистрация: 21.01.2013 Сообщений: 45
	17.08.2013, 01:44	13
	Да, этот код будет работать только для хрома 0

	12.08.2015, 12:13

@SanychBY 39 / 46 / 3 Регистрация: 04.06.2013 Сообщений: 1,532
	17.08.2013, 01:45	14
	Elmanderrr, мне лень проверять. подождем пока Nenado88 ответить. 0

@Elmanderrr 5 / 5 / 0 Регистрация: 21.01.2013 Сообщений: 45
	18.08.2013, 15:24	17
	Дело в том что хром и опера иногда не правильно определяют позиционированные элементы, по этому иногда приходится править 0

@AndrewEnergy 0 / 0 / 0 Регистрация: 12.08.2015 Сообщений: 1
	12.08.2015, 12:13	18
	Сообщение от Elmanderrr Непосредственно в основной файл стилей. Вот пример моего использования @media screen and (-webkit-min-device-pixel-ratio:0) { #bottom_nav {margin-top:-120px; }/chrome hack/ } Код от Elmanderrr-а помог, в мозиле картинка отображалась нормально, в хроме съехала на 2 пикселя. В итоге поченил 0