безобразное изменение размера кнопок в MSIE - PullRequest
2 голосов
/ 11 марта 2010

Я попытался изменить размер двух кнопок в MSIE, чтобы они были очень большими, но я получаю ужасный псевдоним.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>ugly button</title>
    <style>
    button {
      height:100px;
      margin:2em;
      width:450px;
    }
    </style>
</head>
<body>
    <h2>ugly button</h2>
    <button id="ugly" onclick="alert('ugly');">click me</button>
</body>
</html>

Конечно, в любом другом браузере он выглядит нормально:

http://img535.imageshack.us/img535/2416/buttonugly001a.png alt text http://img535.imageshack.us/img535/2416/buttonugly001a.png

Есть ли обходной путь для получения больших кнопок без этого нежелательного вида?

Обновление: Важное замечание Я не , используя изображения в этом примере.просто применение CSS к нативному элементу «кнопки» в MSIE.

Ответы [ 2 ]

2 голосов
/ 11 марта 2010

Это связано с тем, что Internet Explorer просто берет пиксели и расширяет их как один квадрат, а не пытается имитировать пиксели, как если бы это было векторное изображение.Честно говоря, изменение размера изображений в браузере - это плохая практика. Вы действительно должны изменять их размер только потому, что большие версии выглядят так ужасно.Если вам нужны кнопки большего размера, вы должны сохранить их побольше.

Лично я бы хотел, чтобы все браузеры реализовали такую ​​технику изменения размера изображения.Я думаю, что это выглядит намного лучше и показывает истинное используемое изображение.Насколько я знаю, для этого нет обходного пути, кроме как переделывать ваши изображения, чтобы увеличить их, чтобы вам не нужно было изменять их размер.

Редактировать: Использование кнопокне должен производить такой эффект, по крайней мере, это не для меня в IE.Я попытался сделать это, используя кнопку ввода type = button и кнопку, обе отображаются отлично для меня без каких-либо странных проблем с наложением.Какие еще стили вы применяете к ним?

1 голос
/ 11 марта 2010

CSS кнопки?

http://cssbutton.com/forms/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...