【问题标题】:tr:hover shade effect overlay on bootstrap dropdown menu buttontr:引导下拉菜单按钮上的悬停阴影效果叠加
【发布时间】:2012-09-02 03:53:51
【问题描述】:

我想将引导按钮放在表格行的列中,它具有悬停阴影效果。 请在此处查看现场演示: http://jsfiddle.net/T9QHw/47/

不幸的是,阴影效果似乎与菜单列表冲突。但是,当我将悬停效果不透明度更改为 1.0 时,它似乎运行良好。但我想将不透明度保持在 0.45。

感谢您的提前帮助。

【问题讨论】:

    标签: html css drop-down-menu twitter-bootstrap hover


    【解决方案1】:

    如果我正确理解了您的问题,您希望拥有引导下拉列表或组合框,但是您想将其称为具有悬停阴影效果。我看过你贴的小提琴。据我了解,引导函数内置了阴影效果,但您已经添加了额外的阴影效果:

    tr:hover{
    background:#b1b1b1;
        opacity: 0.45;
    
    }​
    

    只需删除上面的css,只有下拉列表会有阴影效果

    【讨论】:

    • 感谢您的回复,如果我的问题不清楚,请见谅。是的,按钮本身具有阴影效果,但与此问题无关。我真正想做的是我强烈希望保持 tr:hover 效果,同时引导按钮上的现有功能仍然有效。你有什么想法?再次感谢
    • 如果您不想更改 tr:hover 效果,那么您必须更改引导 css 的不透明度。如果你也不想这样做,那就别无他法了
    • 能否请您尝试将不透明度更改为 1.0?结果是我想要的,但我想要透明的悬停效果而不是纯色。
    猜你喜欢
    • 2015-02-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-19
    • 1970-01-01
    • 2013-02-01
    • 2019-04-19
    • 1970-01-01
    相关资源
    最近更新 更多