Исправлено наложение фонового прокрутки на панели прокрутки браузера.

Question

Очень странное поведение, которого я раньше не видел.

У меня есть фиксированная позиция div с прозрачным фоновым изображением png.Для z-index установлено значение -1, чтобы содержимое могло прокручиваться по фиксированному изображению с помощью полос прокрутки.

У меня оно расположено снизу и справа на 0px, но изображение перекрывает полосы прокрутки (на FF иSafari, в любом случае.)

Вот ссылка:

http://adamjcas.www59.a2hosting.com/pg/show/id/4

CSS:

#plants /*for the cut paper plants in the background*/
{
    background: transparent url(../background_images/plants.png) no-repeat;                                         
    bottom:0px;
    right:0px;
    z-index: -1;
    position:fixed;
    height:691px;
    width:475px;        
}   

Один хак, который я использовал, был использовать right:16px;

Что сработало нормально, так как всегда есть (вероятно) правая полоса прокрутки.Но нижний свиток есть только иногда.Это простая проблема CSS?

Answer 1

Это была странная проблема.Но я понял, что полоса прокрутки была не из браузера, а из родительского элемента div, который имел overflow: auto.

Вот как я это исправил.Измените стиль для div id="rightpanel", чтобы удалить overflow: auto;.

Затем обновите стили #rightcontent следующим образом:

#rightcontent {
    left: 445px;
    padding-top: 127px;
    position: relative;
    width: 650px;
}

Надеемся, что это решит проблему для всех браузеров.Кроме того, я также обнаружил, что браузеры жалуются, что не нашли Cufon.js.Возможно, вы захотите разобраться и в этом.