Question

我试图在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中的原生“按钮”元素。

Answer 1

这是因为Internet Explorer只取像素并将它们扩展为单个方块，而不是像模拟矢量图像那样模仿像素。老实说，在浏览器中调整大图像是不好的做法，你真的应该把它们调整得更小，因为较大的版本看起来很可怕。如果你需要更大的按钮，你应该更大。

就个人而言，我希望所有浏览器都实现这种图像大小调整技术。我认为它看起来好多了，并显示正在使用的真实图像。据我所知，除了重做你的图像以使它们变大之外没有解决方法，所以你不需要调整它们的大小。

编辑：使用按钮不应该产生这种效果，至少在IE中不适合我。我尝试使用输入类型=按钮和一个按钮，两者都显示完全正常，没有奇怪的别名问题。你还有哪些其他款式适用于它们？

Answer 2

CSS按钮？

http://cssbutton.com/forms/

在MSIE中按钮的非丑陋大小调整

2 个答案: