Форум SAPE.RU

Форум SAPE.RU (http://forum.sape.ru/index.php)
-   Разработка и сопровождение сайтов (http://forum.sape.ru/forumdisplay.php?f=29)
-   -   Фон страницы и css - вопрос к знатокам (http://forum.sape.ru/showthread.php?t=43339)

Globalzru 13.12.2009 13:24

Фон страницы и css - вопрос к знатокам
 
Есть картинка 1680х1175px - это фон.
Задача - Сделать ее фиксированной, НО полностью отображаемой! Если я делаю ее как заливку типа, то при моем расширении 1680х1050 она не полностью видна(. Кто спец в css, подскажите, как же все-таки, сделать картинку полностью отображаемой и фиксированной? Чтобы если даже, сайт будет уходить по вертикали далеко вниз она стояла и не повторялась.

Вроде норм объяснил.... А то после вчерашнего не особо котелок варит...

badimao 13.12.2009 13:29

любопытства ради.
а сколько такой фон весит?

MonAmur 13.12.2009 13:32

я б за такие фоны к стенке ставил :D

edne 13.12.2009 13:53

<body bgcolor="white">

Globalzru 13.12.2009 14:04

Всем троим минус за флуд в рабочей теме. Не знаете, проходим мимо...

Последний Герой 13.12.2009 14:17

Цитата:

Сообщение от Globalzru (Сообщение 657327)
сделать картинку полностью отображаемой и фиксированной

технически невозможно как фон такое сделать.
но можно через img на заднем слое

Patriot)_UA) 13.12.2009 14:20

Цитата:

background: url(/fon.jpg) fixed no-repeat top right #FFFFFF;
думаю разберешься что к чему, расшифровывать не буду

Добавлено через 1 минуту
Цитата:

Сообщение от Globalzru (Сообщение 657327)
НО полностью отображаемой

никак. флеш, или слышал в html5 как-то можно

Добавлено через 56 секунд
пример в лс скинул

Globalzru 13.12.2009 14:22

Да, похоже именно так как я хочу, сделать технически нереально. Ладно, подстроимся по другому. Всем спасибо, тема закрыта.

Yappie 13.12.2009 14:23

Полностью отображаемой и фиксированной?

Если по ширине...

Код:

<img src="/img.jpg" style="z-index:-1; position:fixed; top:0; left:0; width: 100%;">
Если по высоте

Код:

<img src="/img.jpg" style="z-index:-1; position:fixed; top:0; left:0; height: 100%;">
Только у body цвет фона должен быть обязательно прозрачным.
Код:

<style>body {background:none;}</style>
Да и если надо для IE6 (оно не поддерживает position:fixed) - то нужно будет делать:
Код:

_position:absolute; _top: expression(eval(document.documentElement.scrollTop));
(это в style дописать, да, с подчеркиваниями)

Последний Герой 13.12.2009 14:27

Цитата:

Сообщение от Patriot)_UA) (Сообщение 657390)
никак. флеш, или слышал

фоном никак. а image width="100%" height="100%" на задний фон запросто

Добавлено через 2 минуты
Цитата:

Сообщение от Yappie (Сообщение 657399)
Полностью отображаемой и фиксированной?

Если по ширине...

<img src="/img.jpg" style="z-index:-1; position:fixed; top:0; left:0; width: 100%;">

Если по высоте

<img src="/img.jpg" style="z-index:-1; position:fixed; top:0; left:0; height: 100%;">

Только у body цвет фона должен быть обязательно прозрачным. <style>body {background:none;}</style>

бредовня. ие не понимает position:fixed

Добавлено через 36 секунд
Цитата:

Сообщение от Yappie (Сообщение 657399)
Да и если надо для IE6 (оно не поддерживает position:fixed) - то нужно будет делать (по-моему, точно не помню вторую часть):
Код:

_position:absolute; _top:expression(document.body.offsetHeight);

бредовня. все делается проще.


Часовой пояс GMT +3, время: 11:09.

Работает на vBulletin® версия 3.8.7.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
SAPE.RU — система купли-продажи ссылок с главных и внутренних страниц сайтов.