Question

我正在尝试仅在发生溢出时应用悬停样式。例如：

.email{
    overflow:hidden;
 }

 /*apply only when email is too long*/
 .email:hover{
    overflow:visible;
    background-color:red;
 }

有没有办法达到我想要的目的？

感谢您的回答。

编辑：我在http://jsfiddle.net/mQA4L/添加了一个jsfiddle来演示我想要做的事情。

Answer 1

你不能用纯CSS做到这一点，你必须使用javascript并检查你的电子邮件是否很长。

编辑：

$(function(){
    $('.email').hover(
        function() {
            var width = parseInt($(this).css('width'));
            if (width > 50) {
                $(this).addClass('overflowBg');
            }
        },
        function() {
            $(this).removeClass('overflowBg');
        }
    );
});

这是一个有效的例子，希望我找对你http://jsfiddle.net/mQA4L/25/

仅在溢出时应用悬停

1 个答案: