Javascript 工具提示不适用于我的css

为什么我的工具提示不能在这里与css一起使用

请参阅JSFIDLE，问题是，在包含我的css的情况下，鼠标输入链接tooltip1和tooltip2和tooltip3后，工具提示将不会显示true box工具提示。当我在html头中删除指向css的链接时，它是正确的

function tool_tip() {
        //var tip = $('.tool_tip').closest('li').find('div').clone();
        $('.tool_tip').mouseenter(function () {
            var $this = $(this),
                $div = $this.closest('li').find('div');
            $(this).attr('title', '');
            $div.fadeTo(300, 0.9);
        }).mousemove(function (e) {

            $('.tooltip').css('bottom', e.pageY + -10);
            $('.tooltip').css('left', e.pageX + 10);

        }).mouseleave(function () {
            $('.tooltip').hide();
        })
    }
tool_tip();

---

在您的style_.CSS中应用于.tooltip的CSS与您的JSFIDLE不同。将此。工具提示样式复制并粘贴到样式_.css中：

.tooltip {
    background-color: #E5F4FE;
    display: none;
    padding: 5px 10px;
    background-color: #E5F4FE;
    border: #5A5959 1px solid;
    position: fixed;
    z-index: 9999;
    color: #0C0C0C;
    font-size: 0.688em;
}

---

然后链接到style_.css将生成相同的样式。

url是否正确？无法访问here@ric那个url对我来说很好。@kingjiv哇，3m，还在加载lol