Member Avatar for Armistice

My girlfriend and I have been trying to play with this <div> background code and opacity for this huge block of text she has on this real basic website.

All we are trying to accomplish is to place a grey background behind the text and make it semi-opaque and not the text along with it. We have accomplished at making both opaque but not just one or the other :/

We tried nesting them within one another but it didn't work

help plx

  • 3 Contributors
  • 2 Replies
  • 155 Views
  • 14 Hours Discussion Span
  • Latest Post Latest Post by mahavir123
Member Avatar for fusedreality

I'd suggest using rgba to define your background. This will give a background which is transparent while keeping your text solid. This post on 24ways should be able to instruct you on how to do this.

Member Avatar for mahavir123

Above code is very good I have tried it it is working fine
My code is

<style type="text/css">
div.divOpaque {
	color: rgb(0, 0, 0);
	background-color: rgba(23,23,23, 0.2);
}
</style>
<center>
	<div class="divOpaque">By Mahavir Senapati</div>
</center>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.