Проблема с CSS-ролловером в Chrome - изображение исчезает - PullRequest
0 голосов
/ 23 февраля 2012

Хотя в 1996 году у меня был один из 5 лучших сайтов Леонардо Ди Каприо - я не программист. Поэтому я попытался использовать шаблоны 4ormat, чтобы сделать мою жизнь проще, но у них не было возможности для смены изображений, поэтому мне пришлось изменить CSS и, конечно, это вызывает проблемы для меня. Он отлично работает в любом браузере - иногда даже отлично работает в Chrome! Но если вы загрузите его, первые несколько изображений на странице загрузятся, а затем исчезнут! Это было здорово в любом другом браузере! Что я делаю не так ??

http://sarahcrump.4ormat.com/retouching

код выглядит так:

    .rollover a{
    display: block;
    text-indent: -9999px;
    margin: auto auto auto auto;
    cursor: pointer;
    outline: transparent solid 0px;

    }    


    #erilynn a{
    height: 550px; 
    width: 393px; 
    background: url('http://4ormat-asset.s3.amazonaws.com/resources/1327226/0x550_1329240086.jpg') no-repeat left top;
    }
    #erilynn a:hover{
    background-position:  -393px;
    }

Я знаю, что другие люди тоже сталкивались с этой проблемой, но еще не нашли решение, которое работает. Кто-нибудь знает, что случилось?

1 Ответ

0 голосов
/ 23 февраля 2012

Если вы используете dev-канал Chrome, это похоже на ошибку в Chrome (более конкретно, Webkit), чем в вашем коде.

Вы можете проверить отчет об ошибке для Chrome на http://code.google.com/p/chromium/issues/detail?id=111218

Я лично столкнулся с этой проблемой несколько недель назад в своем коде и, к сожалению, не смог найти обходной путь.

...