Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Search 维基百科是如何建立其搜索领域的?_Search_Wikipedia_Searchbar - Fatal编程技术网

Search 维基百科是如何建立其搜索领域的?

Search 维基百科是如何建立其搜索领域的?,search,wikipedia,searchbar,Search,Wikipedia,Searchbar,我想知道维基百科在搜索领域是如何运作的。我的意思是两件事:梯度和按钮 它是如何在磁场中形成梯度的?在这一点上,使用CSS跨浏览器可以很容易地做到这一点,但是当您使用IE CSS代码时,它会给文本添加别名。维基百科有渐变背景,但文本仍然是反锯齿的!他们是怎么做到的 另外,他们是如何在文本字段中放置可单击的搜索按钮的 谢谢。您只需查看代码即可。出现的搜索框只是一个带边框的div元素。这个div本身通过CSS背景图像设置了渐变。正如您所看到的,按钮元素也不在文本字段中 <div id="simp

我想知道维基百科在搜索领域是如何运作的。我的意思是两件事:梯度和按钮

它是如何在磁场中形成梯度的?在这一点上,使用CSS跨浏览器可以很容易地做到这一点,但是当您使用IE CSS代码时,它会给文本添加别名。维基百科有渐变背景,但文本仍然是反锯齿的!他们是怎么做到的

另外,他们是如何在文本字段中放置可单击的搜索按钮的


谢谢。

您只需查看代码即可。出现的搜索框只是一个带边框的div元素。这个div本身通过CSS背景图像设置了渐变。正如您所看到的,按钮元素也不在文本字段中

<div id="simpleSearch">
    <input id="searchInput" name="search" type="text"  title="Search Wikipedia [f]" accesskey="f"  value="" />
    <button id="searchButton" type='submit' name='button'  title=""><img src="[x]" alt="Filltext" /></button>
</div>

实际的搜索输入似乎没有样式,这意味着没有边框和透明背景。包含div的样式类似于输入字段边框和渐变。可单击按钮位于div内,但不在实际输入元素内。

花了一段时间才弄清楚他们到底在做什么。我仍然停留在一种思维模式中,即透明颜色是属于遥远的未来的东西,所有浏览器都可以一起玩得很好