<分区>
标签 javascript jquery html css
我在表单中有一个简单的文本输入框。当输入框具有焦点时,我希望正文背景在其上覆盖。
解决这个问题的最佳方法是什么,jquery?
最佳答案
您可以使用 CSS :focus
选择器来做到这一点。
#overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #333;
opacity: .5;
display: none;
}
#text {
z-index: 1000000;
position: relative;
}
#text:focus ~ #overlay {
display: block;
}
<input type="text" id="text">
<div id="overlay"></div>
关于javascript - 当文本输入有焦点时淡化正文背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34122249/