Chrome下搜索输入框背景不能透明
琢磨着将现有的主题改版成html5版的,结果在写头部搜索框的时候发现chrome浏览器下的input类型设为html5新增的search时,这个input的背景无法设置为透明,如果设置为透明的话,chrome下表现为一个白色背景,而firefox浏览器则能正常产生透明背景。但是,如果你将输入框的type换成text时,chrome下背景透明又是可以表现出来的,测试了chrome15开发版和chrome14正式版均有这个问题,先看看demo吧,用事实说话,代码如下:
<style type="text/css">
#box { background-color: #eee; }
input { background-color: transparent; }
</style>
<div id="box">
<p>1.<input type="search" placeholder="type=search的输入框" /></p>
<p>2.<input type="text" placeholder="type=text的输入框" /></p>
<p>3.<input type="email" placeholder="type=email的输入框" /></p>
<p>4.<input type="url" placeholder="type=url的输入框" /></p>
</div> 截图如下:
1.firefox下正常,能透明
2.chrome 14正式版下type=search的不透明,其他正常透明
3.chrome 15开发者版本中还是同样的问题,表现和chrome 14一样
初步判定是chrome浏览器的问题,不知道大家有木有遇到过这种情况?
文章写完了,再随便唠点:昨晚想要安装个Win7+Win8的双系统,结果鬼使神差的把Win7给覆盖安装了。。。怎一个囧字了得啊。。。于是乎索性就用起Win8了!!!此文是在Win8开发者预览版的IE10浏览器下写的,貌似Win8开发者预览版还是有一些小问题,资源管理器很容易抽风,IE10下面中文输入法有时会很卡,而且Metro下的IE10不能使用输入法(谷歌拼音输入法测试不能使用,其他暂时还没测试。)
新的界面确实很给力,很简洁的风格,大部分界面都是纯色背景加上几个文字组成,符合我的口味,非常期待Win8,其他截图不发了,网上一大堆,就发个任务管理器的截图大家看看吧:





44#回复
2011-11-03 14:42