Подсказка не работает с моим CSS - PullRequest
Новая
       14

Подсказка не работает с моим CSS

0 голосов
/ 30 сентября 2011

Почему моя подсказка не работает с моим CSS здесь? http://jsfiddle.net/BG4Sn/

Пожалуйста, ознакомьтесь с jsfiddle, проблема в том, что при включенном моем css, всплывающая подсказка не будет отображаться как настоящая всплывающая подсказка после ввода мышью по ссылкам tooltip1 & tooltip2 & tooltip3. Когда я удаляю ссылку на мой CSS в заголовке HTML, он работает верно. 

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();

1 Ответ

0 голосов
/ 30 сентября 2011

CSS, применяемый к .tooltip в вашем style_s.css, отличается от вашего JSFiddle. Скопируйте и вставьте этот стиль .tooltip в style_s.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_s.css создаст тот же стиль.

...