输入框背景颜色透明 点击输入会失灵
导致失灵的原因是ie8、ie9下会把background:none;
编译成background: none transparent scroll repeat 0% 0%;
其实输入还是可以的,就是鼠标需要一直试,试到鼠标的标识变成输入的那个图,就可以输入了,但是这样用户体验不好。
解决的方法很简单,直接截个1像素的透明图放进去就好了。
网上有人分享用下面这个方法:
background:#000;
background-image: rgba(0,0,0,0.4);
filter:alpha(opacity=40);
这个方法半透明的情况可以使用,整个input背景透明的情况不适合。会让整个input都变透明
网友评论