IE点击子div,父div不获取焦点问题的解决办法（二）

最新推荐文章于 2023-03-24 15:57:32 发布

VIP文章 sotower

最新推荐文章于 2023-03-24 15:57:32 发布

阅读量1.3k

点赞数 1

文章标签： IE

本文链接：https://blog.csdn.net/sotower/article/details/69622297

版权

上一篇博文，介绍了实现思路，使用var元素来解决问题。

但总觉得很奇怪，用短语元素var去包含div流元素，这本身就是不正确的用法，所以一直在思考能否有更好的解决途径。

简单的把问题抽象出来，写了一个Demo，代码如下，很简单。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Test Button</title>
		<style>
			.select-box {
				overflow: visible;
    			/*border: none;*/
    			background: none;
    			position: relative;
    			height: 20px;
    			width: 200px;
    			border: 1px solid #111333;
			}
			.select-area {
				width: 100%;
				height: 40px;
				position: absolute;
				top: 20px;
				border: 1px solid #0000FF;
			}
			.div1, .div2, .div3, .div4 {
				width: 220px;
				height: 400px;
				border: 1px solid #99DB76;
				float: left;
				margin: 0 10px;
			}
			var {
				display: block;
				fon

最低0.47元/天解锁文章

优惠劵

sotower

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE点击子div,父div不获取焦点问题的解决办法（二）

上一篇博文，介绍了实现思路，使用var元素来解决问题。但总觉得很奇怪，用短语元素var去包含div流元素，这本身就是不正确的用法，所以一直在思考能否有更好的解决途径。简单的把问题抽象出来，写了一个Demo，代码如下，很简单。 Test Button .select-box { overflow: visible; /*border: n
复制链接

扫一扫