Движение Изображения

yarickyarick · August 7, 2011

Как Заставить Изображение двигаться за Екраном(Если человек просматрюющий сайт прокрутил страницу вниз Фоновое изображение поехало за ним) в CSS?

Edited August 7, 2011 by yarickyarick

Gaspode · August 7, 2011

position: fixed Edited August 7, 2011 by Gaspode

Temiks · August 7, 2011

Изображения как бг?

Если нет то для блока position: fixed;

Если для бг то background-position: fixed;

yarickyarick · August 7, 2011

Спс

А ещо хотел бы спросить при background-position: fixed можно разместить Изображение По центру сохраняю функцию того что оно будет спускаться когда пользователь будет спускаться?Если можно то Как?

Edited August 7, 2011 by yarickyarick

troll · August 7, 2011

Чтобы зафиксировать фон относительно области просмотра, используйте background-attachment: fixed и позиционируйте как вам заблагорассудится с помощью background-position (например, background-position: center).

Edited August 7, 2011 by troll

yarickyarick · August 7, 2011

Последний вопрос ,а как зделать размер изображения равен размеру Екрана

Код Изображения на Background в СSS

background-image:url(bg.jpg)

yarickyarick · August 7, 2011

Нуже люди не стесьняемся отвечяем

Nekromancer · August 8, 2011

Нуже люди не стесьняемся отвечяем

Во первых наберитесь терпения, в своё время вам обязательно ответят. Во вторых рястянуть изображение по средствам css нельзя, можно только повторять его. Для этого вам понадобится правило - background-repeat. И в третьих, прежде чем задавать такое большое количество вопросов по одной теме, попробуйте решить проблему сами, например, прочитайте документацию по css.

http://htmlbook.ru/css/background

http://htmlbook.ru/samcss

yarickyarick · August 8, 2011

Nekromancer,

Спс за ответ плохо что CSS не может определять размер Бекграунда по размеру екрана

MaferoK · August 8, 2011

html


<html> 
 <head> 

   <title>123</title> 
   <link href="style.css" rel="stylesheet" media="all" /> 

 </head> 
 <body> 

 123456 

 </body> 
 </html>

css


body { 
     background:url(picture-54207.jpeg) no-repeat center top; 
     background-size: 100%; 
 }

вот нашол как сделать через css3 =\

yarickyarick · August 8, 2011

MaferoK,

Нет не работает

Nekromancer · August 8, 2011

<!DOCTYPE html>
<html> 
<head> 
<title></title> 
<meta charset="utf-8">
<style>
html, body {width: 100%; height: 100%; padding: 0; margin: 0;}
body { 
	background:url(link_at_your_img.jpg) no-repeat center top; 
	background-size: 100%; 
}
</style>
</head> 
<body> 
</body> 
</html>

Пробуйте так.

Естественно будет работать не во всех браузерах, а только в современных поддерживающих CSS3.

yarickyarick · August 8, 2011

Nekromancer,

Хм Странно Всеравно не работает

psywalker · August 8, 2011

Nekromancer,
Хм Странно Всеравно не работает

Не может быть. Давай ссылку на тестовую страницу.

ctpz · August 8, 2011

Кстате, у меня вопрос. Чем отличается это:

background: url("../image.gif");

от этого:

background: url(image.gif);

, кроме как валидацией первого и невалидацией второго примера?

troll · August 8, 2011

В первом варианте image.gif должен находиться на уровень выше в структуре каталогов, чем файл, в котором указывается данное правило. Во втором случае и файл с правилом, и изображение должны располагаться в одной папке. Вот здесь расписано подробнее. Кстати, почему второй вариант не должен проходить валидацию? Ведь кавычки с точки зрения спецификации опциональны?

Edited August 8, 2011 by troll

amelice · August 8, 2011

кроме как валидацией первого и невалидацией второго примера?

оба варианта валидны.

Nekromancer,
Хм Странно Всеравно не работает

Похожая тема http://forum.htmlbook.ru/index.php?showtopic=27796 была, может поможет.

yarickyarick · August 8, 2011

psywalker,

у меня сслыки нету хотя могу щас быстренько на бесплатный хостинг закинуть

UCOZ почемуто не читает мой сайт

cheburek, нет не помогло я щас закачаю куда небудь архивчик

Edited August 8, 2011 by yarickyarick

Sign In

Движение Изображения

Question

Link to comment

Share on other sites

17 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information