ie8下button按钮问题

最新推荐文章于 2019-01-30 14:59:06 发布

落雪藏白

最新推荐文章于 2019-01-30 14:59:06 发布

阅读量671

点赞数 1

分类专栏： HTML 文章标签： ie 8 html

本文链接：https://blog.csdn.net/luoxue0345/article/details/77676491

版权

在IE8浏览器中，两个并排的button按钮出现错位现象，导致点击红色空白区域会触发button1的点击事件。通过在button内部添加span标签可以修复这个问题，例如在button3和button4上应用此方法。

摘要由CSDN通过智能技术生成

在ie8下的两个并列button按钮会出现错位情况。测试代码如此下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>luoxue</title>
</head>
<body>

<input type="button" value="button1"/>
<input type="button" value="button2"/>

<hr/>

<span>
<input type="button" value="button3"/>
<input type="button" value="button4"/>
</span> 

</body>
</html>

button1与button2是没加span标签的实例， button3与button4是加span标签的实例。

在ie8下打开该文件，如图所示：