Моя ошибка - я дурной! или все же IE?

[rediskavet]

кнопка с фоновым изображением, во всех браузерах отображается нормально, а в IE(6/7/8) помимо фонового изображения добавляется background-color который в ие для всех стандартных кнопок. Так как форма лежит на блоке с неоднородным фоном добавление своего background-color для кнопки не решает проблемы. Что делать, что бы побороть ИЕ?

[hf3]

Сделать полностью свою кнопку например из дива/спана. Повесить на неё onckick

[rediskavet]

  hf3 said:

Сделать полностью свою кнопку например из дива/спана. Повесить на неё onckick

Да это очевидное решение. Но хотелось бы оставить кнопку кнопкой, ведь если из дива ее делать, добавляется работа программистам. А если JS отключен или его нет вообще, допустим с телефона пользователь хочет зайти, тогда формой уже не воспользоваться. Или я ошибаюсь?

[swetlana]

так а…

background-color: inherit !important;

… а чего вы, собственно, хотели?

Всё правильно.

Единственно, непонятно только, к чему такой мудрёж в стилях, если задача крайне простая.

  rediskavet said:

Да это очевидное решение.

Это не очевидное и очень кривое решение.

  rediskavet said:

Но хотелось бы оставить кнопку кнопкой, ведь если из дива ее делать, добавляется работа программистам. А если JS отключен или его нет вообще, допустим с телефона пользователь хочет зайти, тогда формой уже не воспользоваться. Или я ошибаюсь?

Не ошибаетесь.

[rediskavet]

background-color: inherit !important;

Это спасает только в случае браузеров отличных от IE, он почему то не реагирует на это и добавляет под рисунок серый фон от обычных кнопок.

  Quote

Единственно, непонятно только, к чему такой мудрёж в стилях, если задача крайне простая.

Ну пытаясь справиться с задачей, намудрил. Главное чтобы работало.

[hf3]

А разве в телефонах нет JS ? Тем более эта кнопка исходя из названия запускает какой то скрипт.

Ну а работы программистам там onclick="window.location ='url'"

[rediskavet]

background-color: inherit !important;

Не верно понял замечание Светланы. Я эту строку добавил, т.к. она убирает фон кнопки по умолчанию(серый) в браузерах отличных от IE.

[swetlana]

— а точно ли так оно должно работать?

Чем не устраивает значительно более простой вариант?

[rediskavet]

  Quote

А разве в телефонах нет JS ? Тем более эта кнопка исходя из названия запускает какой то скрипт.

Ну а работы программистам там onclick="window.location ='url'"

На сайте несколько таких кнопок. Одна из них для авторизации. Поэтому и хотелось бы кнопку оставить кнопкой.

[swetlana]

  rediskavet said:

background-color: inherit !important;

Не верно понял замечание Светланы. Я эту строку добавил, т.к. она убирает фон кнопки по умолчанию(серый) в браузерах отличных от IE.

Она не убирает ничего.

Она устанавливает наследование фонового цвета.

Хотя бы уж тогда

background-color: transparent;

  hf3 said:

А разве в телефонах нет JS ? Тем более эта кнопка исходя из названия запускает какой то скрипт.

Ну а работы программистам там onclick="window.location ='url'"

Вот именно такой подход и характеризует «разработчиков» из глухой провинции (имеется в виду не место обитания, а состояние души).

Скажем так: речь скорее о хорошем тоне.

[rediskavet]

  Quote

Чем не устраивает значительно более простой вариант?

но IE ведь не оценит!

  Quote

Она не убирает ничего.

Она устанавливает наследование фонового цвета.

Ну правильно, что-бы кнопка наследовала фоновый цвет всей формы.

Пошел пробовать "transparent".

Моя ошибка - я дурной!

background-color: transparent; - Работает!

Спасибо!

[swetlana]

  rediskavet said:

но IE ведь не оценит!

а IE и не нужен.

Ну не будет в нём закруглений — зато будет то, что он умеет, и это с минимумом кода.

Посетитель получит свою кнопку, исправно работающую и без глюков, и получит он её малой кровью.

[rediskavet]

  Quote

а IE и не нужен.

Ну не будет в нём закруглений — зато будет то, что он умеет, и это с минимумом кода.

Посетитель получит свою кнопку, исправно работающую и без глюков, и получит он её малой кровью.

Если для себя делать то согласен полностью, на первом месте функционал сайта, а уж после все красивости, типа "круглых углов".

[hf3]

  Quote

Вот именно такой подход и характеризует «разработчиков» из глухой провинции (имеется в виду не место обитания, а состояние души).

Ну какое место обитания - такая и душа

[swetlana]

  rediskavet said:

Если для себя делать то согласен полностью, на первом месте функционал сайта, а уж после все красивости, типа "круглых углов".

а заказчикам надо объяснять политику партии.

В подавляющем большинстве они весьма внимательно слушают.

Можно сделать два варианта: с картинкой на фоне и только средствами css.

При этом можно показать цифры: объём загружаемых данных в том и другом случае, количество http-запросов — пусть сравнивает.

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

И когда десять из десяти в ответ спросят: «а чем они отличаются?» — заказчик очень часто меняет своё мнение.

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