Freeland - Nigerians Home
Register Now For More Features

Join the forum, it's quick and easy

Freeland - Nigerians Home
Register Now For More Features
Freeland - Nigerians Home
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Freeland - Nigerians Home

Home To All Latest Apps, Games, Entertainment, Webmaster Tutorials And Techs

Latest topics
» Google Search Box code for Wapkiz, wapka and waphosts site
How to place an image on top of a text using HTML and CSS EmptyWed Mar 23, 2022 4:36 pm by Kunlex

» 50 Best Web Fonts To Use In 2022 wapkiz, wapka and waphosts
How to place an image on top of a text using HTML and CSS EmptyWed Mar 23, 2022 4:34 pm by Kunlex

» Wapkiz, wapka and waphosts body background image code
How to place an image on top of a text using HTML and CSS EmptyWed Mar 23, 2022 4:33 pm by Kunlex

» Wapkiz user var about or rank to show in blog
How to place an image on top of a text using HTML and CSS EmptyWed Mar 23, 2022 4:31 pm by Kunlex

» Pro Evolution Soccer 2016 (PES 2016)
How to place an image on top of a text using HTML and CSS EmptyWed Mar 23, 2022 4:23 pm by Kunlex

» Working redirection code for wapka, wapkiz, waphosts and others
How to place an image on top of a text using HTML and CSS EmptyWed Mar 23, 2022 4:18 pm by Kunlex

» How to Replace the Xiaomi Mi Max Screen
How to place an image on top of a text using HTML and CSS EmptyFri Jan 03, 2020 7:40 pm by Kunlex

» How to know if someone is online on Instagram?
How to place an image on top of a text using HTML and CSS EmptyFri Jan 03, 2020 7:28 pm by Kunlex

» How to hide Instagram posts from certain followers?
How to place an image on top of a text using HTML and CSS EmptyFri Jan 03, 2020 7:28 pm by Kunlex

» How to Replace the Redmi Note 3/Redmi Note 3 Pro Screen
How to place an image on top of a text using HTML and CSS EmptyThu Jan 02, 2020 1:11 pm by Kunlex

» Fresh Tutorial of iPhone 7 Plus Cracked Screen Refurbishing
How to place an image on top of a text using HTML and CSS EmptyThu Jan 02, 2020 1:10 pm by Kunlex

» iPhone Data Recovery from Dead Logic Board / Phone
How to place an image on top of a text using HTML and CSS EmptyThu Jan 02, 2020 1:09 pm by Kunlex

» Reason why phone hangs up itself?
How to place an image on top of a text using HTML and CSS EmptyThu Jan 02, 2020 1:07 pm by Kunlex

» How To stop people from tagging you without your approval On Instagram
How to place an image on top of a text using HTML and CSS EmptyThu Jan 02, 2020 5:27 am by Kunlex

» How to you unmute someone on Instagram in 2020?
How to place an image on top of a text using HTML and CSS EmptyThu Jan 02, 2020 5:24 am by Kunlex

» Difference between WordPress.com and WordPress.org
How to place an image on top of a text using HTML and CSS EmptyThu Jan 02, 2020 5:21 am by Kunlex

» Aircraft: Why cabin lights are dimmed during takeoff and landing?
How to place an image on top of a text using HTML and CSS EmptyWed Jan 01, 2020 8:56 pm by Kunlex

» Aircraft: Why window shades are raised up during takeoff and landing?
How to place an image on top of a text using HTML and CSS EmptyWed Jan 01, 2020 8:54 pm by Kunlex

» Genuine Reasons Why Most Ladies End Up Single In Life
How to place an image on top of a text using HTML and CSS EmptyWed Jan 01, 2020 9:58 am by Kunlex

» Reasons Why Some Girls Are Still Single
How to place an image on top of a text using HTML and CSS EmptyWed Jan 01, 2020 9:55 am by Kunlex

» What Is <! Doctype> And Why is it necessary to use in HTML5?
How to place an image on top of a text using HTML and CSS EmptyWed Jan 01, 2020 7:54 am by Kunlex

» What is XML?
How to place an image on top of a text using HTML and CSS EmptyWed Jan 01, 2020 7:50 am by Kunlex

» What does parsing XML means?
How to place an image on top of a text using HTML and CSS EmptyWed Jan 01, 2020 7:48 am by Kunlex

» Mr Real – Onigbese
How to place an image on top of a text using HTML and CSS EmptyTue Dec 31, 2019 9:29 pm by Kunlex

» Top 20 Talented Upcoming Artistes To Watch-out For In 2020
How to place an image on top of a text using HTML and CSS EmptyTue Dec 31, 2019 6:55 am by Kunlex

» How To Redirect Xtgem, Wapkiz, Wapelf From Subdomain To Domain
How to place an image on top of a text using HTML and CSS EmptyTue Dec 31, 2019 5:32 am by Kunlex

» How to embed CSS in HTML?
How to place an image on top of a text using HTML and CSS EmptyTue Dec 31, 2019 5:29 am by Kunlex

» How to link a CSS stylesheet to an HTML document using Notepad?
How to place an image on top of a text using HTML and CSS EmptyTue Dec 31, 2019 5:21 am by Kunlex

» What is HTML CSS and JavaScript?
How to place an image on top of a text using HTML and CSS EmptyMon Dec 30, 2019 10:22 pm by Kunlex

» Differences between HTML, CSS and JavaScript
How to place an image on top of a text using HTML and CSS EmptyMon Dec 30, 2019 10:20 pm by Kunlex

The most tagged keywords

Forum

How to place an image on top of a text using HTML and CSS

Freeland - Nigerians Home :: Technology Forum :: Webmaster

Go down

How to place an image on top of a text using HTML and CSS Empty How to place an image on top of a text using HTML and CSS

Post by Kunlex Mon Dec 30, 2019 10:17 pm

Below is some example code:
<style>
div#parentContainer { padding:50px; position:relative; }
p#textToBeCovered { color:green; font-size:30px; position:relative; z-index:0; }
img#imageOnTop { background-color:rgba
(0,0,0,.7); height:120px; left:5px; position:absolute; top:5px; width:150px; z-index:1; }
</style>
<div id="parentContainer"> <p id="textToBeCovered">Text</p>
<img id="imageOnTop" src="../path/to/yourImage.png" alt="top image" />
</div>

Kunlex
Admin

Posts : 66
Join date : 2019-12-28
Age : 24
Location : Ikirun, Osun State

https://freeland.forumotion.com

Back to top Go down

Back to top

- Similar topics

Freeland - Nigerians Home :: Technology Forum :: Webmaster

 
Permissions in this forum:
You cannot reply to topics in this forum