#html #css #button #internet-explorer-8 #stylesheet
#HTML #css #кнопка #internet-explorer-8 #таблица стилей
Вопрос:
Я пишу веб-приложение. Это когда-либо будет использоваться только с IE8, поэтому меня не волнует поведение любых других браузеров здесь.
Итак: я знаю, как настроить пользовательский стиль кнопки, используя свойства CSS, например, цвет фона, границу и так далее. Однако, когда вы применяете стили таким образом, результирующая кнопка выглядит как блочная ячейка таблицы, ничего похожего на красивую кнопку стеклянного вида, которую IE8 отображает по умолчанию.
Есть ли какой-нибудь способ придать оттенок симпатичной кнопке, похожей на стекло? Т.е. она выглядит точно так же, как обычно, но с красным контуром вместо синего и красной подсветкой при наведении курсора мыши?
Или это то, что мне придется делать вручную с изображениями? Опять же, методы, специфичные для IE8, вполне приемлемы.
Спасибо!
-dan
Комментарии:
1. В Windows XP могут отсутствовать стеклянные кнопки в зависимости от используемой темы. Если вы хотите сохранить стеклянный вид кнопок в XP IE8, просто используйте фоновое изображение, и все готово для кроссплатформенности.
2. @bolt, XP мало влияет на внешний вид веб-кнопок. Он не пытается использовать CSS для стилизации внешнего вида IE8…
3. @bpeterson76: Стиль кнопок IE8 по умолчанию использует стиль кнопок Windows, и, похоже, именно этого он и добивается. Я говорю, что XP не имеет глянцевого стиля, потому что его темы по умолчанию не рисуют их таким образом.
Ответ №1:
На самом деле не существует фильтра, который максимально приблизит вас к значению по умолчанию в IE, хотя вы можете приблизиться к нему, используя button тег и стандартный css. Однако это не будет выглядеть одинаково во всех версиях IE.
Вот ссылка на фильтр, хотя, если вы хотите попробовать другие вещи.
Комментарии:
1. Ссылка на фильтр, похоже, то, что мне было нужно. Необязательно, чтобы она выглядела идентично умолчанию, но этого должно быть достаточно. Спасибо!
Ответ №2:
Независимо от браузера, одним из самых быстрых, простых и наиболее широко протестированных методов стилизации кнопок с помощью разметки является Jquery UI button. Нужно добавить несколько тегов к элементу класса, и вы получите кнопку, основанную на ссылке, кнопке или поле ввода. Что касается оформления, вы можете обрабатывать оформление с помощью CSS или с помощью очень хорошо выполненной опции ThemeRoller, где вы можете управлять всем, от размера текста до типа фона, с помощью простого интерфейса gui — и вы можете изменять внутреннюю часть или даже пользовательскую часть в мгновение ока, даже через выпадающий список.
Одно предостережение, поскольку IE не соответствует стандартам, закругленные кнопки изящно не превращаются в квадратные — при правильном оформлении.
Я понимаю, что вы решили, что можете использовать проприетарное решение для IE, и в вашем случае это может быть просто отлично в долгосрочной перспективе. Но, по моему опыту, это действительно опасный путь. Что, если фактический долгосрочный период больше, чем ожидаемый вами «долгосрочный период»? Вы указываете, что допустимо быть собственностью браузера, который значительно отстает от принятых стандартов, уже отстает в версии и использует неподдерживаемые (по универсальным стандартам) решения для решения проблем. Очевидно, что найти эту версию будет все сложнее и сложнее, и если Microsoft будет придерживаться своих шаблонов, после установки IE9 вашему компьютеру будет сложно понизить рейтинг. И я не могу не подчеркнуть, что рыночная доля IE стремительно падает, что пугает, учитывая, что он предустановлен практически на 95% существующих компьютеров. Все, что потребуется, — это один чрезмерно усердный ИТ-директор, «заботящийся о безопасности», чтобы сделать ваши усилия по программированию спорными. Извините за напыщенную речь, но проприетарный код IE сильно раздражал меня больше, чем несколько раз…
Комментарии:
1. Причина, по которой в этой ситуации нормально использовать проприетарное решение, заключается в том, что это приложение будет использоваться один раз в течение 3-месячного периода в одной автономной системе, а затем никогда не будет использоваться снова. В противном случае я бы придерживался стандартов.
Ответ №3:
Мне пришлось бы перепроверить, но вы должны иметь возможность использовать комбинацию цвета фона и использовать прозрачный PNG или GIF в качестве «фонового изображения» для добавления бликов.
При прочих равных условиях я предпочитаю плоскую квадратную кнопку — нахожу способы заставить ее хорошо сочетаться с дизайном — но опять же, я всегда был сторонником прямой линии с квадратными краями. 🙂
Как упоминали другие, вы действительно хотите помнить (в разумных пределах) о том, с чем вам, возможно, придется справиться. Вполне возможно, что перед следующей перезаписью вам придется иметь дело с IE9 — написание кода, который хорошо работает в IE8 и IE9, было бы наиболее разумным подходом.
Ответ №4:
Взгляните на http://www.webdesignerwall.com/demo/css-buttons.html а также http://css3pie.com /.
Комбинируя их, вы также можете получить красивые кнопки в IE..