Добавить оттенок / цвет к кнопке отправки в IE8 через CSS, сохраняя при этом «стеклянный» вид? - PullRequest
0 голосов
/ 02 мая 2011

Я пишу веб-приложение.Он будет использоваться только с IE8, поэтому меня не интересует поведение других браузеров здесь.

Итак: я знаю, как настраивать кнопки с помощью CSS-свойств, например background-color,границы и так далее.Тем не менее, когда вы применяете стили таким образом, получающаяся кнопка выглядит как ячейка таблицы с блочными элементами, совсем не похожая на красивую, выглядящую как стекло, кнопку, которую IE8 отображает по умолчанию.

Есть ли способ добавить оттенок кхорошая стеклянная кнопка?То есть выглядит так же, как обычно, но с красным контуром вместо синего и красной подсветкой при наведении курсора мыши?

Или это то, что мне придется делать вручную с изображениями?Опять же, специфичные для IE8 методы вполне приемлемы.

Спасибо!

-дан

Ответы [ 4 ]

1 голос
/ 03 мая 2011

Взгляните на http://www.webdesignerwall.com/demo/css-buttons.html, а также http://css3pie.com/.

Комбинируя их, вы также можете получить приятные на вид кнопки в IE ..

1 голос
/ 02 мая 2011

Независимо от браузера, один из самых быстрых, простых и широко проверенных методов для стилизации кнопок с помощью разметки: Кнопка пользовательского интерфейса Jquery Это вопрос добавления нескольких тегов к элементу класса, и вы получил кнопку на основе ссылки, кнопки или поля ввода. Что касается стилей, вы можете обрабатывать стили с помощью CSS или с помощью очень хорошо сделанной опции ThemeRoller, где вы можете управлять всем - от размера текста до типа фона с помощью простого графического интерфейса - и вы можете изменить его на серверной части или даже на пользовательской стороне. в мгновение ока, даже через выпадающий список.

Одно предостережение, поскольку IE не соответствует стандартам, закругленные кнопки изящно не квадратные - при правильном оформлении.

Я понимаю, что вы определили, что можете использовать проприетарное решение для IE, и в вашем случае это может быть просто замечательно в долгосрочной перспективе. Но по моему опыту, это действительно опасный путь. Что, если фактический долгосрочный срок длиннее, чем ваш ожидаемый «долгосрочный»? Вы указываете, что приемлемо быть проприетарным для браузера, который значительно отстает от принятых стандартов, уже является версией и использует неподдерживаемые (по универсальным стандартам) решения для решения проблем. Вероятно, эта версия будет становиться все сложнее и сложнее, и если Microsoft будет придерживаться их шаблонов, то после установки IE9 она будет эффективно затруднять работу вашего компьютера. И я не могу особо подчеркнуть, что рыночная доля IE падает, как скала, что пугает, учитывая, что в основном 95% машин уже предустановлены. Все, что потребуется, - это один чрезмерно усердный ИТ-директор с «соображениями безопасности», который сделает ваши усилия по программированию спорными. Извините за напыщенную речь, но проприетарный код IE несколько раз меня укусил ...

1 голос
/ 03 мая 2011

Я должен был бы перепроверить, но вы должны иметь возможность использовать комбинацию цвета фона и использовать прозрачный PNG или GIF в качестве «фонового изображения» для добавления бликов.

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

Как уже упоминали другие, вы хотите быть внимательными (в пределах разумного) к тому, с чем вам, возможно, придется справиться.Вполне возможно, что перед следующим переписыванием вам придется иметь дело с IE9 - написание кода, который хорошо работает в IE8 и IE9, будет самым разумным подходом.

1 голос
/ 02 мая 2011

На самом деле нет фильтра, который бы приблизил вас к значениям по умолчанию в IE, хотя вы можете подойти довольно близко, используя тег button и стандартный css.Хотя он не будет выглядеть одинаково во всех версиях IE.

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

...