Главная » 2017 » Декабрь » 08

Фон на всю страницу (html, css)

Иногда бывает что необходимо использовать фон на всю страницу. В основном такое решение используется при создание персональных сайтов, касающийся одного человека. К примеру сайты шоуменов, экстрадных звезд, моделей. Если вы решили использовать фон на всю страницу очень важно чтобы картинка подстраивалась под разрешение экрана (имеется ввиду чтобы не искажались пропорции изображения) . Я предлагаю следующее решение

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Фон на всю страницу</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<style type="text/css">

#bg {

    position:fixed;

    left:0;

    top:0;

    min-height:100%;

    min-width:100%;

    z-index:-1;

}

.zagolovok{

    float:left;

    font-size:30px;

    margin:20px 0 0 30px;

    font-family:Tahoma;

    color:#fff;

}

</style>

<body>

<div><img id="bg" src="images.jpg" alt="" title="" /></div>

<div class="zagolovok">Мой сайт</div>

</body>

</html>

Категория: Редактор страниц | Просмотров: 92 | Дата: 2017-12-08 | Рейтинг: 0.0/0 | Комментарии (0)