你的位置:快乐忆站 \ 前端 \ 文章正文

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,其他截图不发了,网上一大堆,就发个任务管理器的截图大家看看吧:

« 上一篇

说两句吧:

*

*

正在回复: 取消

  1. 44#
    证卡打印机
    证卡打印机 Maxthon 3.0 Windows XP 2011-11-03 14:42 回复
    如果有点模糊感觉这样的效果也不错啊
    小松
    小松 Google Chrome 16.0.889.0 Windows 7 2011-11-03 18:29 回复
    @证卡打印机:真的吗?
  2. 43#
    电脑控
    电脑控 360Safe Explorer Windows 7 x64 Edition 2011-11-01 13:23 回复
    好文章 顶下
  3. 42#
    烘箱
    烘箱 2011-10-14 09:32 回复
    这个有什么影响吗?
    小松
    小松 2011-10-14 10:56 回复
    @烘箱:你觉得呢?
  4. 41#
    毕加波
    毕加波 2011-09-29 01:01 回复
    哇靠!这资源管理器,给力呀!等咱有了钱去买正版系统,哇咔咔
    小松
    小松 2011-09-29 09:41 回复
    @毕加波:这个可以装上体验~
  5. 40#
    cuiqingyao
    cuiqingyao 2011-09-28 22:44 回复
    技术专家,不错。。。。。。。。。。。
  6. 39#
    wmtimes
    wmtimes 2011-09-28 22:34 回复
    还真没做到这么细过。
    小松
    小松 2011-09-29 09:41 回复
    @wmtimes:我也是用到才发现问题的
    wmtimes
    wmtimes 2011-09-30 02:59 回复
    @小松:我又来重学了一下。
    小松
    小松 2011-10-01 17:15 回复
    @wmtimes:这个没什么学的吧,我也不知道怎么解决这个问题。。。
  7. 38#
    小子
    小子 2011-09-28 21:39 回复
    徐老师,求给力
    小松
    小松 2011-09-28 22:24 回复
    @小子:[code]<?php echo '你妹!'; ?>[/code]
    小子
    小子 2011-09-28 22:33 回复
    @小松:[code]print u'尼玛'[/code]
    小松
    小松 2011-09-28 22:36 回复
    @小子:脚本报错!
    小子
    小子 2011-09-28 22:39 回复
    @小松:是python代码
    小松
    小松 2011-09-29 09:57 回复
    @小子:python你妹!
  8. 37#
    青岛葡萄酒
    青岛葡萄酒 2011-09-28 14:22 回复
    来过 关注下博主额
  9. 36#
    b2b平台
    b2b平台 2011-09-28 14:21 回复
    来过 看看了
  10. 35#
    箴言
    箴言 2011-09-28 04:51 回复
    奇怪了,我电脑大网站,想网易,百度。谷歌之类的大网站一个都打不开,这些小站却可以打开。
    林西老九
    林西老九 2011-09-28 08:22 回复
    @箴言:估计是DNS的问题吧
    小松
    小松 2011-09-28 18:31 回复
    @箴言:上不该上的网站了吧?
1 2 3 4 5

随机日志:

推荐日志:

彩色标签:

sitemap