ie下css属性filter设置导致表格边框被覆盖

allen_limi 发布于 2013/01/06 15:17
阅读 766
收藏 0

css样式:

background-color: #d5edfb;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eff8ff),to(#d5edfb));
background-image: -webkit-linear-gradient(top, #eff8ff, #d5edfb);
background-image: -moz-linear-gradient(top, #eff8ff, #d5edfb);
background-image: -ms-linear-gradient(top, #eff8ff, #d5edfb);
background-image: -o-linear-gradient(top, #eff8ff, #d5edfb);
background-image: linear-gradient(top, #eff8ff, #d5edfb);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
filter: progid : DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = #eff8ff,endColorstr = #d5edfb);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#eff8ff, endColorstr=#d5edfb)";
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);

谷歌、火狐、苹果浏览器都正常,只有IE下有问题

如果去掉filter和-ms-filter则标题栏的边线可以显示,但背景色不能渐变,很丑,但加上了边线又不见了,请css高手帮忙看下,谢谢啦

无边线图:


想要的效果:

加载中
0
n
niatszx

add:   

    position:relative!important;

    z-index:-1;
lechie
lechie
不错!
0
lechie
lechie

引用来自“niatszx”的评论

add:   

    position:relative!important;

    z-index:-1;
NB!
返回顶部
顶部