首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

'<div style="width:' + value + '%;background:blue;color:f

2013-07-01 
ɽiv stylewidth:' + value + '%background:bluecolor:#fff' ie正常火狐不能

'<div style="width:' + value + '%;background:blue;color:#fff">' ie正常火狐不能按比例显示颜色块
<th data-options="field:'qnwc',width:80,align:'right',sortable:true, formatter:formatProgress">全年完成</th>

   //操作函数
function formatProgress(value){
    if (value){
    var s = '<div style="width:100%;border:1px solid #ccc">' +
    '<div style="width:' + value + '%;background:blue;color:#fff">'  + '</div>' + value + '%'
    '</div>';
    return s;
    } else {
    return '';
    }
}

谢谢 各位
[解决办法]

            var s = '<div style="width:100%;border:1px solid #ccc">' +
                 '<div style="width:' + value + '%;background:blue;color:#fff;">' + value + '%</div>'
            '</div>';
        

百分比放到颜色块中,要不给div加高度,要不firefox下默认高度为0,当然不会显示
[解决办法]
div高度也得定义下吧。

然后浮动。

热点排行