设为首页收藏本站

jQuery MiniUI › 论坛 › MiniUI › 技术交流 › datagrid中行hover效果

发新帖

查看: 5000|回复: 6

上一主题

下一主题

datagrid中行hover效果 [复制链接]

Rank: 3 Rank: 3

电梯直达

跳转到指定楼层

楼主

发表于 2017-7-20 13:39:21 |只看该作者 |倒序浏览

本帖最后由 zjgdo 于 2017-7-20 14:07 编辑

想要实现在datagrid中鼠标移到某一行上这一样高亮并且有阴影效果，在样式mini-grid-row-hover中使用了box-shadow发现效果显示不全，请问是否还需要修改其他地方
body .mini-grid-row-hover, body .mini-grid-row-hover .mini-grid-frozenCell
{
background:#fff;
-moz-box-shadow:0px 0px 8px #D8D8D8;
-webkit-box-shadow:0px 0px 8px #D8D8D8;
box-shadow:0px 0px 8px #D8D8D8;
}

Rank: 8 Rank: 8

沙发

发表于 2017-7-20 15:02:38 |只看该作者

表格内的边框真实是每个单元格的右边框和下边框构成的，不是4周都有边框的。

Rank: 3 Rank: 3

板凳

发表于 2017-7-20 16:25:51 |只看该作者

本帖最后由 zjgdo 于 2017-7-20 16:26 编辑

当鼠标移动最后一行

移动到上一行

那这种问题能解决嘛

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

Rank: 8 Rank: 8

地板

发表于 2017-7-20 19:11:31 |只看该作者

zjgdo 发表于 2017-7-20 16:25
当鼠标移动最后一行

移动到上一行

请具体描述一下你的问题？
是显示不全还是样式问题？

Rank: 3 Rank: 3

5^#

发表于 2017-7-21 15:24:20 |只看该作者

就是想实现图中的hover效果，但是现在效果显示不全

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

Rank: 8 Rank: 8

6^#

发表于 2017-7-22 17:16:55 |只看该作者

zjgdo 发表于 2017-7-21 15:24
就是想实现图中的hover效果，但是现在效果显示不全

ie下有问题的，firefox和chreome是可以的，就用你上面的代码。

Rank: 3 Rank: 3

7^#

发表于 2017-7-23 08:11:39 |只看该作者

datagrid加了隔行变色allowAlternating="true"，效果就会显示不全

发新帖

Archiver|普加软件

GMT+8, 2025-7-15 20:43 , Processed in 1.067754 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部