+ 1
How to add banner image and text over it
6 Antworten
+ 6
z-index css property
+ 2
It would need some cssing
.banner {
background-image:url ('banner.png');
background-size:cover;
}
.header {
padding:10px 0px 0px 20px;
}
Now, in <body> tag, use it
<body>
<div class='banner '>
<div class='header>
<h1> Page Header </h1>
<p>Some text </p>
</div>
</body>
+ 2
show image by img tag
then show text by tag ex p or b
then by z-index property for text and value great ex 1000 show text hover img
and position property value relative and top and left property move text on img
ex css code
p{
position: relative;
top: 20px;
left: 200px;
z-index: 1000;
}
good luck
+ 1
@Devender Mahajan, you have lost one </div> 😋
0
You can't, just create a banner with text already on it and then embed it wherever you want.
0
Thanks @Yaroslav for pointing it out