Отрицательное поле и фоновое изображение не отображаются должным образом - PullRequest
Новая
       12

Отрицательное поле и фоновое изображение не отображаются должным образом

0 голосов
/ 12 марта 2012

Привет. Я пытаюсь создать фоновое изображение в левом нижнем углу моей страницы. Страница имеет левую и правую боковую панель. Я использовал css для размещения изображения на левой боковой панели и в основном контенте, и ни один из них не сидит должным образом.

Вот как я хочу, чтобы это выглядело: http://www.onetreehill.net.au/images/image2.jpg (Девушка внизу. Я хочу, чтобы она была на сайте в самом нижнем левом углу страницы, независимо от длины страницы.)

И вот как она сейчас сидит с CSS, который я использовал: http://www.onetreehill.net.au/images/image1.jpg

CSS, который я использовал: 

.Content {
background: url(../../__custom/images/blue/page-bottom-1.jpg) left bottom;
background-repeat: no-repeat; 
overflow: visible;
}

.Left {
background: url(../../__custom/images/blue/page-bottom-1.jpg) left bottom;
background-repeat: no-repeat; 
overflow: visible;
}

Когда я использую следующее в качестве фона: background: 

url(../../__custom/images/blue/page-bottom-1.jpg) -150px 100%;

Ответы [ 2 ]

0 голосов
/ 12 марта 2012

Было бы легко ответить, если вы можете показать свой HTML.Одна вещь, которую вы можете попробовать, это передать фоновое изображение главному контейнеру div (возможно, родителю левого div).

, если ваш код такой 

<div class="main-container">
   <div class="left"></div>
   <div class="content"></div>
   <div class="right">

тогда ваш стиль будет 

.main-continer {

 background: url(../../__custom/images/blue/page-bottom-1.jpg)no-repeat scroll  left bottom ;
}

Надеюсь, это поможет ..

0 голосов
/ 12 марта 2012

Можете ли вы показать нам свой HTML?Я подозреваю, что .Left не доходит до нижней части столбца, но трудно сказать, не видя разметки.

...