Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 3200 Просмотров
*

irc-h

  • Захожу иногда
  • 158
  • 8 / 0
Всю голову себе прочесал, но никак не могу понять в чем проблема:
Есть кнопка, которая создана посредством <button></button>, которой в CSS присвоен класс с :before, суть которой заключается в том, что бы  к этой злосчастной кнопке прикрутить картину.
Код
.button.button_cart:before {
background: #8075aa url(../images/icon_cart.png) no-repeat 7px 1px;
content:'';
width:34px;
height:30px;
display:block;
font-weight:normal;
position:absolute;
top:0;
left:-34px;
margin:0;
border-radius:5px 0 0 5px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;}
Так вот в Opera, лисе и Chrome все работает как надо, а ишак (хоть и последней версии) тупо не выводит картинку. Причем, в случае, когда данное правило применяется к <a>, а не к <button>, то все работает как надо, за исключением скриптов, т.к. нужен именно button ;D Так вот вопрос, может можно как то вылечить данную беду?
« Последнее редактирование: 22.01.2014, 00:07:02 от irc-h »
*

kreker92

  • Захожу иногда
  • 390
  • 18 / 0
Re: IE не применяет :before к button
« Ответ #1 : 21.01.2014, 00:45:03 »
класс присвоить соответствующему элементу
Все вопросы и предложения на почту.
*

irc-h

  • Захожу иногда
  • 158
  • 8 / 0
Re: IE не применяет :before к button
« Ответ #2 : 21.01.2014, 09:23:07 »
класс присвоить соответствующему элементу

 *DRINK* Иногда лучше жевать, чем говорить.
 
Повторюсь: Приведенный код нормально работает в Opera, Firefox, Google Chrome, но IE не выводит картинку. Т.е. IE не применяет псевдоэлемент :before к тегу <button>, к которому присвоен соответствующий класс и проблема в том, что совсем не понимаю почему.
« Последнее редактирование: 21.01.2014, 09:28:10 от irc-h »
*

kreker92

  • Захожу иногда
  • 390
  • 18 / 0
Re: IE не применяет :before к button
« Ответ #3 : 21.01.2014, 14:55:46 »
....
Присвоить класс элементу, к которому идет обращение через :before и обращаться к этому элементу через класс, а не через before.
Все вопросы и предложения на почту.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: IE не применяет :before к button
« Ответ #4 : 21.01.2014, 15:02:45 »
Ещё бы ссылку на сайт для наглядности.
*

irc-h

  • Захожу иногда
  • 158
  • 8 / 0
Re: IE не применяет :before к button
« Ответ #5 : 21.01.2014, 16:17:56 »
....
Присвоить класс элементу, к которому идет обращение через :before и обращаться к этому элементу через класс, а не через before.

Я видимо не понимаю чего-то очевидного.... У меня есть кнопка, ей присвоен класс в CSS, который её прорисовывает. Потом посредством :before перед ней стоит картинка корзинки, которая в свою очередь при :hover меняет цвет. Я даже не стал замарачиваться с эффектом нажатия, что бы меньше глючило в IE.
Я просто с трудом себе представляю, как добиться того же результата без применения :before...

Или ты имеешь ввиду тот вариант, когда выводится контент рядом с кнопкой, а уже потом посредством CSS пытается к ней прижаться?

Ещё бы ссылку на сайт для наглядности.
Честно говоря, совсем не хочется этот капитальный недодел выставлять на всеобщее обозрение )
« Последнее редактирование: 21.01.2014, 16:24:52 от irc-h »
*

kreker92

  • Захожу иногда
  • 390
  • 18 / 0
Re: IE не применяет :before к button
« Ответ #6 : 21.01.2014, 16:35:21 »
То, что есть:

Код: html4strict
<img src="korzinka.jpg" />
<button class="a" >кнопка</button>

Получается:
Код: css
.a:before { ... }

Я предлагаю:
Код: html4strict
<img class="b" src="korzinka.jpg" />
<button class="a" >кнопка</button>
Код: css
.b { ... }
Все вопросы и предложения на почту.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: IE не применяет :before к button
« Ответ #7 : 21.01.2014, 16:36:54 »
Честно говоря, совсем не хочется этот капитальный недодел выставлять на всеобщее обозрение )
Думаю, что не ошибусь, если скажу, что всем пофиг, насколько там додел или недодел. Тут не раздел «зацени мой сайт на Joomla» ^-^ Просто по коду можно будет видло, возможно :before можно заменить на простое что-то.

От <img src="korzinka.jpg" /> надо бы избавицо. Это же не фотка или иллюстрация. Всё оформление в CSS.
*

irc-h

  • Захожу иногда
  • 158
  • 8 / 0
Re: IE не применяет :before к button
« Ответ #8 : 21.01.2014, 17:01:52 »
http://gloriousaroma.ru/shop/perfume-for-him/black-splash-seduction.html

Обсуждаемая проблема с кнопкой, которая находится в таблице, справа от фотки предполагаемого товара. Если открыть страницу в IE и в другом браузере, то станет понятно о чем я.
P.S.-> Я думал before и есть что-то совсем простое)
« Последнее редактирование: 21.01.2014, 17:08:02 от irc-h »
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: IE не применяет :before к button
« Ответ #9 : 21.01.2014, 18:42:53 »
Попробуйте для button применить overflow:visible
Создание сайтов, шаблонов, помощь в решении проблем.
*

kreker92

  • Захожу иногда
  • 390
  • 18 / 0
Re: IE не применяет :before к button
« Ответ #10 : 21.01.2014, 20:59:43 »
От <img src="korzinka.jpg" /> надо бы избавицо. Это же не фотка или иллюстрация. Всё оформление в CSS.

не в этом же суть
там может быть что угодно
Все вопросы и предложения на почту.
*

irc-h

  • Захожу иногда
  • 158
  • 8 / 0
Re: IE не применяет :before к button
« Ответ #11 : 21.01.2014, 21:01:31 »
Попробуйте для button применить overflow:visible
Огромное спасибо! IE наконец-то откликнулся ;D

Проблема для IE действительно решилась добавлением (в моем случае) к классу
Код
button.button_cart{...overflow:visible;...}
« Последнее редактирование: 21.01.2014, 21:12:48 от irc-h »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает transition для определенных элементов

Автор Bozhkov2

Ответов: 5
Просмотров: 4144
Последний ответ 12.10.2016, 17:07:41
от Bozhkov2
Как сделать такой заголовок модуля?

Автор Ilhom666

Ответов: 9
Просмотров: 1832
Последний ответ 22.03.2016, 11:55:33
от darkghost
Выставить относительно фона пункты меню ?

Автор warlocksp

Ответов: 6
Просмотров: 1497
Последний ответ 01.02.2016, 10:58:26
от warlocksp
Вставка шрифта?

Автор warlocksp

Ответов: 16
Просмотров: 1669
Последний ответ 18.01.2016, 19:04:11
от warlocksp
Удалить маркеры?

Автор warlocksp

Ответов: 4
Просмотров: 2243
Последний ответ 09.01.2016, 17:07:35
от warlocksp