一个CSS样式在ie8下不兼容的问题

ForTheFree 发布于 2014/11/03 09:29
阅读 3K+
收藏 0

其他浏览器显示是这样子,IE8上四个按钮就会显示成白色,无法看到字

HTML如下:

<table cellspacing="0"><tbody><tr><td id="ext-gen181"><table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap x-btn" id="ext-gen182" style="width: 73px;"><tbody><tr><td class="x-btn-left"><i>&nbsp;</i></td><td class="x-btn-center"><em><button class="x-btn-text" ext:qtip="">添&nbsp;&nbsp;加</button></em></td><td class="x-btn-right"><i>&nbsp;</i></td></tr></tbody></table></td><td id="ext-gen188"><table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap x-btn " id="ext-gen189" style="width: 73px;"><tbody><tr><td class="x-btn-left"><i>&nbsp;</i></td><td class="x-btn-center"><em><button class="x-btn-text" ext:qtip="">删&nbsp;&nbsp;除</button></em></td><td class="x-btn-right"><i>&nbsp;</i></td></tr></tbody></table></td><td id="ext-gen195"><table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap x-btn " id="ext-gen196" style="width: 73px;"><tbody><tr><td class="x-btn-left"><i>&nbsp;</i></td><td class="x-btn-center"><em><button class="x-btn-text" ext:qtip="">确&nbsp;&nbsp;定</button></em></td><td class="x-btn-right"><i>&nbsp;</i></td></tr></tbody></table></td><td id="ext-gen202"><table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap x-btn " id="ext-gen203" style="width: 73px;"><tbody><tr><td class="x-btn-left"><i>&nbsp;</i></td><td class="x-btn-center"><em><button class="x-btn-text" ext:qtip="">取&nbsp;&nbsp;消</button></em></td><td class="x-btn-right"><i>&nbsp;</i></td></tr></tbody></table></td></tr></tbody></table>



CSS样式如下:

.x-btn{
	font:normal 11px tahoma, verdana, helvetica;
	cursor:pointer;
	white-space: nowrap;
}
.x-btn button{
	height:20px;
    border:0 none;
    background:transparent;
    font:normal 11px tahoma,verdana,helvetica;
    padding-left:3px;
    padding-right:3px;
    cursor:pointer;
    margin:0;
    overflow:visible;
    width:auto;
    -moz-outline:0 none;
    outline:0 none;
	overflow:hidden;
}



求帮忙看看解决下ie8下的问题 麻烦了
加载中
0
tailuchen
tailuchen

background-color: transparent;

F
ForTheFree
是将background:transparent;换成这个吗,好像没有效果
返回顶部
顶部