视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
input背景透明的穿透问题_html/css
2020-11-27 16:31:39 责编:小采
文档

无标题文档文明扯淡,利国利民。


当一个input框背景透明时(background-color:transparent;),在ie下会被穿透,而在chrome等浏览器下则不会,有什么方法可以解决?


回复讨论(解决方案)

有人知道吗?

可以用半透明的图片作为input的背景,而不是用文字,就可以解决

可以用半透明的图片作为input的背景,而不是用文字,就可以解决

+1
或者试试滤镜吧

把input中的背景图片设置成和div的背景图片相同的即可

引用 2 楼 jellday 的回复:

可以用半透明的图片作为input的背景,而不是用文字,就可以解决


+1
或者试试滤镜吧

试过滤镜,半透明和渐变,都是穿透。

可以用半透明的图片作为input的背景,而不是用文字,就可以解决

你说的是可以的,用一像素半透明png,不过这个方案,不能用css图片拼合,在ie6也不给力。所以我想有没有滤镜还是什么,可以不穿透的。

可以用半透明的图片作为input的背景,而不是用文字,就可以解决

把文字写进图片,用图片做背景,不是很ok,因为那文字随时会变,不能重用。你可以参考下mail.qq.com,他们在ie下,背景也是穿透的,他们的方案是点击到背景文字时候,再fouse到上面的输入框。

我解决办法很简单:给input加上属性:

background:url(0) no-repeat;

兼容所有浏览器,呵呵!

很好很好给力

我解决办法很简单:给input加上属性:
CSS code1background:url(0) no-repeat;
兼容所有浏览器,呵呵!
不错,我的问题解决了

LZ你是我的神啊,帮我解决大问题了!

下载本文
显示全文
专题