Свойства CSS для фонового изображения не работают на FireFox

У меня есть веб-страница, где я хочу показать фоновое изображение @ в нижнем правом углу страницы. Для этого у меня есть следующий код:Свойства CSS для фонового изображения не работают на FireFox

body 
{ 
    background-image:url('img_tree.png'); 
    background-repeat:no-repeat; 
    background-position:bottom right; 
}

Этот код отлично работает в IE. Но в FireFox изображение отображается в правом верхнем углу.

Просьба предложить.

С уважением - Ashish

источник

2009-08-23 Vini

Не помещайте содержимое внутри: url (...) в кавычки. Как отметил ниже плакат, просто url (img_tree.png); Уместно. –

@silky цитаты необязательны - я бы сказал, что это хорошая практика, чтобы поместить их в – Greg

. Это необязательно, и только * обязательно *, если имя файла содержит пробелы, поэтому 'url (img_tree.png)' отлично, но 'url ('img tree.png ') 'потребуются кавычки. Кроме этого? To-may-to, to-mah-to. =) –

html, body { height:100%; } 

body { 
    background:url(img_tree.png) no-repeat bottom right; 
}

Я думаю, что это просто, что ваша страница не принимая на всю высоту окна просмотра, который делает высоту 100% от тела/html.

источник

2009-08-23 10:15:40

Позиция зафиксирована сейчас, однако теперь изображение становится слишком низким (показывает вертикальную полосу прокрутки). Вы можете увидеть снимок экрана внизу (см. Нижний правый угол) http://i32.tinypic.com/2rf6a8o.jpg – Vini

Не могли бы вы предоставить полный исходный код/демонстрационную страницу? –

Полоса прокрутки обусловлена некоторым ненулевым заполнением или разницей по умолчанию. 'html, body {height: 100%; заполнение: 0; margin: 0; } 'должен делать трюк. – user1556435

Я обычно просто использовать

фон: URL (img_tree.png) правой нижней части не повторять;

Это прекрасно работает в IE и firefox

источник

2009-08-23 10:18:39 jzp74

Свойства CSS для фонового изображения не работают на FireFox

ответ

Смежные вопросы