|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Картинка в качестве фона + поверх еще картинка меньше |
Картинка в качестве фона + поверх еще картинка меньше |
BANG9254, картинку-фон можно задать с помощью свойства CSS: background-image
|
Irina_M, Пробовал через CSS background, но видимо я что то не так делаю - потому что после написания кода -страница пустая у меня...
Скорее всего проблема в том что я не понимаю как правильно указать путь к картинке фона и вообще где она должна находиться ? Если можете покажите на примере ? Пример как у меня (картинка hi-tech.jpg лежит в паке Images в корне здешнего файлобменника )- background: url(images/hi-tech.jpg) width="100%" no-repeat |
Если картинка находится у вас в файловом мэнэджере в директории Images, чтобы растянуть ее на задний фон напишите после </head> вот так:
<body style="background:url('images/hi-tech.jpg') no-repeat; background-size: 100%;"> Сообщение отредактировал Dogica - Понедельник, 15 Июн 2015, 13:55:36
|
Dogica, у меня походу и с тегами дело плохо, потому вопрос - может лишь <div> </div> заменить стандартную "шапку" тегов ? (ниже) <div> и </div> ничего не заменяет - этими тэгами можно "обернуть" элементы и присвоить им класс например.. они не предназначены для замены чего бы то ни было и к картинке на заднем фоне не имеют никакого отношения Сообщение отредактировал Dogica - Понедельник, 15 Июн 2015, 14:25:46
|
Спасибо всё получилось , но возникли вопросы чуть сложнее -
1)Жирным выделена картинка которую нужно поднять чтобы она начиналась с самого верхнего края, и какие атрибуты и значения установить чтобы в любом браузере и мобильных версиях эта картинка была фиксированна в размеах т.е. не изменяла размеры в любых случаях ? 2)Прописным анимированный текст в GIF - как средствами кодировки сделать фон анимации прозрачным (без использования фотошопов) ? 3)Как эту анимацию наложить сверху картинки выделенной жирным? (точно как здесь http://cybertex.wix.com/cybertex) <!DOCTYPE html> <div> <html> <head> <body style="background:url('images/hi-tech.jpg') no-repeat; background-size: 100%;"> <style> .fig { text-align: center; } </style> <p class="fig"> <img src="http://cybertex.moy.su/images/printed_circuit.jpg" width="999" height="391";> <img src="http://cybertex.moy.su/gif/cooltext122066433792606.gif" width="621" height="222" alt="CyberTEX"> </body> </html> </div> |
| |||
| |||