Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Не работает псевдокласс :active в opera и ie

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Не работает псевдокласс :active в opera и ie

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Pavelbeginner	Отправлено: 20 Марта, 2013 - 16:04:15
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	Есть следующий код: CODE (htmlphp): скопировать код в буфер обмена <a href="" class="button"> <span>Hello</span> </a> .button { display:inline-block; background:red; } .button>* { display:block; } .button:active { baclground:blue; } По нажатию на кнопку в ff, хроме и сафари кнопка меняет цвет. Однако, в осле и в opera цвет не меняется, почему-то от потомка не передается клик к родителю. Как пофиксить? Не хочется писать js для этого. (Отредактировано автором: 20 Марта, 2013 - 16:05:56)

armancho7777777	Отправлено: 20 Марта, 2013 - 16:07:55
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Pavelbeginner пишет: По нажатию на кнопку в ff, хроме и сафари кнопка меняет цвет :focus

Pavelbeginner	Отправлено: 20 Марта, 2013 - 16:15:53
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	armancho7777777 пишет: Pavelbeginner пишет: По нажатию на кнопку в ff, хроме и сафари кнопка меняет цвет :focus Лучше расскажите почему не работает и как сделать, чтобы работало. А :focus не могу использовать по двум причинам: 1) для того, чтобы псевдокласс :focus работал, нужно, чтобы то, почему кликают, имело DOM свойство tabindex равное 0 или большему знаению. Таким по-умолчанию обладают только тег a и кнопки, формы и т.д. У меня же внешний блок(в примере это тег a) может быть и дивом. Поэтому :focus уже отпадает. 2) При отжатии кнопки мыши, :focus продолжит свое действие и кнопка останется синей до того, как перезагрузится страница(если эта кнопка-ссылка). (Отредактировано автором: 20 Марта, 2013 - 16:18:56)

LIME	Отправлено: 20 Марта, 2013 - 16:16:09
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	Pavelbeginner пишет: почему-то от потомка не передается клик к родителю передается просто этот псевдокласс определен только для ссылок (Добавление) Pavelbeginner пишет: baclground:blue; ошибка при копипасте? (Добавление) background-color: ?

Pavelbeginner	Отправлено: 20 Марта, 2013 - 16:20:23
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	LIME пишет: просто этот псевдокласс определен только для ссылок Не правда. Цитата: The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it. Любой элемент. Цитата: Note. Also note that in CSS1, the ':active' pseudo-class only applied to links. Такое было только в css1.

LIME	Отправлено: 20 Марта, 2013 - 16:25:07
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	где ты это вычитал? http://www[dot]w3schools[dot]com/cssref/sel_active[dot]asp http://www[dot]w3schools[dot]com/css/css[dot][dot][dot]eudo_classes[dot]asp

Pavelbeginner	Отправлено: 20 Марта, 2013 - 16:30:22
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	LIME пишет: где ты это вычитал? http://www[dot]w3schools[dot]com/cssref/sel_active[dot]asp http://www[dot]w3schools[dot]com/css/css[dot][dot][dot]eudo_classes[dot]asp На форуме одном, кто-то со спеки привел цитаты. И :active работает во всех браузерах у любых элементов. Единственное, что не работает в описанной мною ситуацие.

IllusionMH	Отправлено: 20 Марта, 2013 - 17:37:07
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	Pavelbeginner, вы внимательно прочитали сообщение выше? Если все-таки прочитали и все равно не нашелся ответ, то наведите мышь и зажмите кнопку в примере http://jsfiddle[dot]net/SarBs/1/ P.S. Кстати, вы случаем порядок стилей *:link, :visited, :hover, :active* не попутали? (Отредактировано автором: 20 Марта, 2013 - 17:39:28)

Pavelbeginner	Отправлено: 20 Марта, 2013 - 18:03:49
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	IllusionMH пишет: Pavelbeginner, вы внимательно прочитали сообщение выше? Если все-таки прочитали и все равно не нашелся ответ, то наведите мышь и зажмите кнопку в примере http://jsfiddle[dot]net/SarBs/1/ P.S. Кстати, вы случаем порядок стилей *:link, :visited, :hover, :active* не попутали? Нет, не перепутал, юзается только :active. Не знаю почему, но в opera по ссылке в примере заработало. А вот в ie10 также не работает.

IllusionMH	Отправлено: 20 Марта, 2013 - 18:42:18
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	я просто оставлю это здесь http://jsfiddle[dot]net/SarBs/10/ а дальше вы уж сами додумывайтесь чего не так в итоге ;)

Pavelbeginner	Отправлено: 21 Марта, 2013 - 10:05:54
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	IllusionMH пишет: я просто оставлю это здесь http://jsfiddle[dot]net/SarBs/10/ а дальше вы уж сами додумывайтесь чего не так в итоге ;) Запятая лишняя стояла после .button:active и пример не работал. Но суть в другом. Во всех браузерах фон у родителя меняется и по нажатию на самого родителя и по нажатию на внутренний блок. Только в ie не работает. Плюс у меня на моем сайте и в opera не работает, а вот на этом сайте, где онлайн тестируешь в opera код с моего сайта работает! Может дело в doctype, у меня используется html5-ый доктайп. В общем хрень какая-то...

LIME	Отправлено: 21 Марта, 2013 - 10:10:06
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	Pavelbeginner пишет: Запятая лишняя стояла после .button:active и пример не работал это не мешает

Pavelbeginner	Отправлено: 21 Марта, 2013 - 10:12:58
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	LIME пишет: это не мешает мешало, пример не работал, пока не убрал её (Добавление) В opera я выяснил почему не срабатывает. У меня в стилях есть вот такое правило: CODE (htmlphp): скопировать код в буфер обмена :focus { outline:none; } И не важно какие свойства прописаны внутри селектора :focus, главное, что когда такой селектор присутствует, то в opera перестает срабатывать мой пример. Хрень какая-то. (Добавление) И ещё, подскажите, пожалуйста, касательно кнопок input type="submit". В opera и ie по нажатию на эту кнопку текст сдвигается вправо и вниз. За счет каких css свойств это делается? то есть мне нужно это знать, чтобы убрать этот сдвиг текста по нажатию с кнопок.

IllusionMH	Отправлено: 22 Марта, 2013 - 01:27:22
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	Это нормальное поведения для того, чтобы показать что кнопка как-то взаимодействует. Если оч сильно мешает - используются разные отступы(в 1px) для активного или неактивного состояния. По поводу ИЕ - можно в условных камментах вставить простейший JS

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.