Naprawiono przewijane paski przewijania przeglądarki div

Question

Bardzo dziwne zachowanie, którego wcześniej nie widziałem.

Mam stałą pozycję div, która ma przezroczysty obraz tła png. Indeks Z jest ustawiony na -1, dzięki czemu treść może przewijać nieruchomy obraz za pomocą pasków przewijania.

mam to umieszczone z dołu iz prawej na 0px, ale obraz nakłada się paski przewijania

Oto link (na FF i Safari, tak.):

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;   
} 

Jeden Hack Kiedyś było wykorzystanie prawo: 16px;

Która działała dobrze, ponieważ zawsze jest (prawdopodobnie) prawy pasek przewijania. Ale dolny zwój jest czasem tylko tam. Czy to jest prosty problem CSS?

Answer 1

To był dziwny problem. Ale zorientowałem się, że pasek przewijania nie był z przeglądarki, ale zamiast tego z elementu div, który miał overflow: auto.

Tak to naprawiłem. Zmień styl div id="rightpanel", aby usunąć overflow: auto;.

następnie zaktualizować #rightcontent style następująco:

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

Mam nadzieję, że powinien rozwiązać ten problem dla wszystkich przeglądarek. Poza tym znalazłem również przeglądarki narzekające na to, że nie znalazłem Cufon.js. Możesz również przyjrzeć się temu.