ie8、ie9 输入框兼容问题

输入框背景颜色透明 点击输入会失灵

导致失灵的原因是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都变透明

你可能感兴趣的:(ie8、ie9 输入框兼容问题)