Question

我的网站有大搜索表单和大型网站背景。我对我的网站有所了解。那就是当我点击搜索表单时使网站背景变暗。但后来，我在bing.com上看到了同样的事情。我尝试使用css做但无论我尝试什么都失败了。有没有想过要实现它？

更新

我现在在我的css文件中有这个。

#dim {width:100%; opacity:0; background:#000; position:absolute; height:100%;}

当我点击表单时，我想要一个JS代码使opacity转为0.5。

以下是我的表格代码。

<form name="searchform" onsubmit="return !!(validateSearch() &amp;&amp; dosearch());">
<input type="text" name="searchterms" class="terms" id="terms" placeholder="What are you searching for?">
<select name="sengines" class="state" id="state">
<option value="" selected>Select a State</option>
<option value="http://kl.onehomereno.com?s=">Klang Valley</option>
</select>

<div class="pad10"></div>
<input name="Search" type="submit" value="Search" class="button3">
</form>

我有terms作为ID。因此，我需要一个js代码才能使用#terms和#dim。有什么建议吗？

Answer 1

您可以使用 JavaScript 在表单元素上收听clicks，并使用opacity class的{{1}} >

例如

编辑：

<强> CSS

background

<强> HTML

.dim {
background: url("home_page.PNG") no-repeat;
background-size: cover;
width: 100%;
height: 500px;
opacity: 0;
}

<强>的JavaScript

<div class="dim"></div>
<input type="text" id="term">

希望你了解这是如何运作的。

关注表单输入

1 个答案: