2010-03-10 40 views
2

我试图重新调整MSIE中的两个按钮的大小,所以它们会变得非常大,但我得到了丑陋的别名。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.pngalt text http://img535.imageshack.us/img535/2416/buttonugly001a.png

是否有越来越大按钮没有这种不必要的外观的解决方法吗?

更新:重要提示我在这个例子中使用的图像是。这只是将CSS应用到MSIE中的本地“按钮”元素。

+0

您是否尝试定义边框? border:#336699 1px solid; – Jage 2010-03-10 23:15:35

+0

定义边框摆脱了按钮上的问题,但它带走了漂亮的“圆边” – dreftymac 2010-03-10 23:41:51

回答

2

这是因为Internet Explorer只是将像素和它们展开为一个单一的方块,而不是像模拟像素那样尝试像矢量图像。老实说,在浏览器中调整图片大小的做法是不好的做法,因为更大的版本看起来很可怕,所以你只能将它们缩小一些。如果你需要更大的按钮,你应该把它们保存得更大。

个人而言,我希望所有浏览器都实现这种图像调整大小技术。我认为它看起来好多了,并且显示了正在使用的真实图像。据我所知,除了重新制作图像以使其更大以外,您无需调整它们的大小。

编辑:使用按钮不应该产生这种效果,至少它不适合我在IE浏览器。我尝试使用输入类型=按钮和按钮,这两个显示对我来说都完美无缺,没有奇怪的别名问题。你还有哪些其他风格适用于他们?

+0

我已经更新了MSIE 7上重现此问题的HTML文件的全部内容,赢得XP。 HTML被修改以避免尖括号问题,但否则它是相同的 – dreftymac 2010-03-10 23:42:27