个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我试图在 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原生“按钮”元素上的应用。
最佳答案
这是因为 Internet Explorer 只是获取像素并将它们扩展为单个正方形，而不是试图模仿像素，就像它是矢量图像一样。老实说，在浏览器中将图像调整得更大是一种不好的做法，您实际上只应该将它们调整得更小，因为较大的版本看起来太可怕了。如果您需要更大的按钮，则应将它们保存得更大。
就我个人而言，我希望所有浏览器都实现这种图像大小调整技术。我认为它看起来好多了并且显示了正在使用的真实图像。据我所知，没有解决方法，除了重做图像使它们变大，这样您就不需要调整它们的大小。
编辑: 使用按钮不应产生那种效果，至少在 IE 中它不会产生这种效果。我尝试使用 input type=button 和 button，两者对我来说都显示得很好，没有奇怪的别名问题。您还应用了哪些其他样式？
关于html - MSIE 中按钮的非丑陋调整大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2421392/
25
4
0
我在让简单的 HTML5 DOM 处理在 MSIE 9 上工作时遇到问题。它在没有 DOCTYPE 标记的情况下工作。但是由于包含 DOCTYPE html(表示 html5)，MSIE 9 不处理它
任何人都知道什么样的配置会导致 MSIE 8 报告一个字符串，其中还包含 MSIE 6(精简版本到最小值)？ Mozilla/4.0 (compatible; MSIE 8.0; Windows NT
我正在尝试在 MVC 4 View 中创建 JQGrid 并获取 Unable to get property 'msie' of undefined or null reference 添加 JQG
我目前在 IE9 中遇到以下错误 - 对于以下 Jquery 函数，无法获取属性“msie”对象的值为 null 或未定义的值。 我正在使用 Jquery-1.8.2 插件来实现以下 jquery 功
我可以在 Firefox 中以编程方式轻松设置 2+ 个元素的选择，但是在 IE 上没有成功，所以我希望这里的任何人都可以帮助我。 最佳答案 IE 不支持多个并发选定的 TextRanges，无论是通
我试图在 MSIE 中重新调整两个按钮的大小，使它们变得超大，但我得到了难看的别名。 ugly button button { height:100px;
这适用于 FF、Chrome 和除 IE8 以外的其他浏览器: Please select a color $('.cart_warning').css({opacity: 0, color
在 Chrome 上调试时，我经常使用控制台即时执行 JavaScript 命令，例如在断点处检查变量。 如何在 MSIE 的开发工具中做同样的事情？ 当我在控制台中输入一些东西时，例如 consol
我正在尝试在 IE 中重现径向渐变，元素的背景颜色和径向不透明度以及子元素的另一种颜色。但是元素是圆形的，半透明的颜色超出了圆度。四舍五入是用 pie.css 实现，所以它是围绕这些东西的 vml。有
谁能为此想到一个优雅的降级选项？它在 Chrome 和 Firefox 中看起来不错，但由于 MSIE 不支持文本剪辑 CSS 选项，因此在该浏览器中看起来很差。 div#svg-heading {
出于某种目的，我想将 Window.Event 对象缓存在变量中 并在以后使用它，但 MSIE 一直告诉我这是“未知”。 只需在 IE 中运行下面的代码，你就会明白我的意思了 我只想问一下怎么会这样？
我的以下 css 代码在 msie 中不起作用。 #block a { border-right: 2px none #eee; border-bottom: 2px none #eee;
这可能是一个需要回答的微不足道的问题，但是有没有等同于 input { border: initial; 可以在 IE8 和 9 中运行吗？ 如果有人知道颜色是什么(因为在其他浏览器中可以用 init
我认为这确实是 Microsoft Internet Explorer 10 中的错误，但我在任何地方都找不到对该问题的任何解释。可以在 http://jsfiddle.net/37Bu5/ 找到问题
模仿 Internet Explorer 6 中的 CSS 属性最小宽度的最终方法是什么？最好不要尝试吗？ 最佳答案 foo { min-width: 100px } // for ever
这个问题在这里已经有了答案: Internet Explorer 11 detection (12 个答案) 关闭 8 年前。 我不想让用户使用 Microsoft Internetexplorer(
这个问题在这里已经有了答案: Internet Explorer 11 detection (12 个答案) 关闭 8 年前。 我不想让用户使用 Microsoft Internetexplorer(
我正在构建一个网页，该网页使用slidejs图像 slider 来显示一系列图像。 当我从 Firefox 和 Safari 运行页面时，页面看起来应有的样子。然而，当我在 MSIE 9 中运行相同的
我正在尝试使用 Win32 API 清除 WinInet 缓存 - 通过使缓存条目无效或删除它们(无关紧要)。我找不到任何方法对整个缓存执行此操作(除了迭代每个条目 - example in C# 、
以下 Jasmine 测试适用于 PhantomJS 或 Chrome，但不适用于 MSIE 10。 describe("utility", function () { var utility
我是一名优秀的程序员,十分优秀！