How do you put it against the background?
-
How can the text be made on the back? I wish the title(s) of the other additive texts were on the background. This is code html.
<body> <h1 id = "title">Путеводитель по городам</h1> <img class = "bg_image" src = "image/background-photo.jpg" alt = "background for site"> </body>
and css:
#title { text-align: center; font-family: Playbill; font-weight: normal; font-size: 40px; }
.bg_image {
background: url("image/background-photo.jpg");
overflow: hidden;
position: relative;
max-width: 100%;
height: auto;
}
That's what it looks like right now.
-
for example
#title { text-align: center; font-family: Playbill; font-weight: normal; font-size: 40px;
background-image: url("http://tvoyposter.ru/userdata/image/thumbs/p/17/b4/17b4fa73d392b4ec697a16c8ebc39416_p.jpg"); background-size: contain; border: 1px solid black; width: 500px; height: 75px; line-height: 75px; color: rgba(255, 255, 255, 0.5);
}
<div id = "title">Путеводитель по городам</div>
P. S.
And by the way, why else would you have img educated the image through the background?