从IE10 (java代码)减少IE9中的背景图像大小
这是我正在尝试的应用程序的一个例子。它的图形用户界面在IE10(没有兼容性模式)中应该与在IE9中相同。但在IE10中，“添加”标签的背景图像正在缩小。我找不到确切的原因。很少有解决方案建议我必须给出明确的“高度”和“宽度”参数，但这也无济于事。
我不明白我在以错误的方式做什么。谢谢。jsp代码如下：
<html>
<head>
<style>
.buttonM{
color: red;
padding-top: 4px;
font-family: "Verdana";
font-size: 8pt;
cursor: hand;
background-image:url("images/buttonM.png");
background-repeat: no-repeat;
}
.buttonMOver{
color: white;
padding-top: 4px;
font-family: "Verdana";
font-size: 8pt;
cursor: hand;
background: url("images/buttonM.png") no-repeat ;
background-repeat: no-repeat;
}
table, th, td{
border: 1px solid black;
}
label{
height: 23;
text-align: center
}
</style>
<script>
function fnButtonClicked(){
alert("button clicked");
}
</script>
<title>trial</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="GENERATOR"
content="Rational® Application Developer for WebSphere® Software">
</head>
<body>
<table>
<tr height="40">
<td>
Name:
</td>
<td>
<input type="text">
</td>
</tr>
<tr height="40">
<td>
Number:
</td>
<td>
<input type="text">
</td>
</tr>
<tr height="40">
<td align="center" colspan="2">
<label class="buttonM"
style="width: 80; height: 23;"
onmouseover="this.className='buttonMOver';"
onmouseout="this.className='buttonM';"
onclick="javascript:showDetailsPopUp();">
ADD
</label>
</td>
</tr>
</table>
</body>
</html>回答 2
Stack Overflow用户
发布于 2015-04-15 05:15:45
我用了'div‘标签而不是’标签‘标签。解决了问题。
Stack Overflow用户
发布于 2015-04-14 11:11:20
在我看来，您似乎没有设置元素的宽度参数，因此它被设置为默认值，这与您的文本表示形式一样多。当我错过宽度/高度或其他元素时，我通常会遇到这样的问题。
尝试在按钮样式和按钮所在的位置设置宽度和高度参数。
<label class="buttonM"
style="width: 80px; height: 23px;">以像素为单位定义宽度和高度(通常)。这也可能是。在最上面的部分，yuo至少定义了它们的像素。后来你好像把它忘了。
尝试将<td align="center" colspan="2">更改为<td align="center" colspan="2" width="80" height="23">
尝试将宽度添加到label类：
label{
height: 23 px ; <-- missing px unit
text-align: center;
width: 80 px ;
}您还可以定义TR标记，以避免再次编写相同的内容：
tr{
height: 40px;
}以后修改东西就更简单了。
您还可以在这里将padding-top: 4px;更改为：padding: 4px 20px 4px 20px;：
.buttonM{
color: red;
padding-top: 4px;https://stackoverflow.com/questions/29625758
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号