您的位置:首页 > 产品设计 > UI/UE

esayui给datagrid添加背景图片

2016-05-23 01:32 447 查看
1.easyui有一个给每行设置背景色的方法,这用这个方法,将每一行都设置成透明。要注意ie兼容问题

2. 给要设置背景图片的table外层加一个div,并给此div设置背景图片。

解析:如果不给每行设置为透明,则会出现一行有背景图片,一行没有背景图片的情况。这是因为datagrid的渲染发生在div背景图片之后。即使给div设置了层级,还是这样。

rowStyler: function(index,row){
//return 'background:rgba(255, 255, 255, 0.1)!important;filter:Alpha(opacity=60)!important; background:#fff!important;'; // return inline style
return 'background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);zoom: 1;'; // return inline style
// the function can return predefined css class and inline style
// return {class:'r1', style:{'color:#fff'}};
}
<!-- task list -->
<div id="waterMark" style="z-index:999999;background: url(${path}/images/waterMark/shengting.png);background-size:100%,100%">
<table id="tasklist" width="98%"></table>
</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: