IE中submit按扭背景图片不显示问题

发布时间:2015-11-20 22:20:50编辑:丝画阁阅读(838)

<div id="edit-actions" class="form-actions ym-fbox-button form-wrapper">

 <input type="submit" value="登录" name="op" id="edit-submit" class="ym-button form-submit">

</div>


主要是两个方面:

1,input CSS中添加display:block;overflow:hidden;


2,查看继承的CSS中有没有filter(CSS滤镜)

filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);


FILTER:progid:DXImageTransform.Microsoft.Gradient使用 
语法: 
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth) 
属性: 
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false 
true: 默认值。滤镜激活。 
false:滤镜被禁止。

说明: 
在对象的背景和内容之间显示定制的色彩层。 
当此效果通过转变显示时,在渐变册色彩层之上的文本程序性的初始化为透明的,当色彩渐变实现后,文本颜色会以其定义的值更新。


#block-user-login #user-login-form .form-actions .form-submit{
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    margin: 0px;
    padding: 0px;
    height: 36px;
    width: 170px;
    display:block;
    overflow:hidden;
    font-size:0;
    line-height:0px;
    border: 0px solid #000;
    text-indent: -5000px !important;
    background: url("../images/login.gif") no-repeat scroll 0px 0px red;
}


CSS滤镜设置在IE 中会对按扭背景颜色有影响。

关键字