Solved

div content transparent in firefox

Posted on 2010-08-27
4
256 Views
Last Modified: 2012-05-10
http://www.partnerspa.com.au/div.htm
How can I prevent text content of the 'behind' div from showing in FireFox
It doesn't show in IE

<div style="border:1px solid #000; background-color:#CCCCCC; height:50px; width:50px">
this<br/>
is<br/>
behind
</div>
<div style="border:1px solid #000; background-color: #FFFFCC; text-align:right; height:200px; width:200px; margin-top:-40px">
front
</div>
0
Comment
Question by:joomla
  • 2
  • 2
4 Comments
 
LVL 38

Accepted Solution

by:
Tom Beck earned 125 total points
ID: 33547126
Here's one way:
<div style="border:1px solid #000; background-color:#CCCCCC; height:50px; width:50px;">
this<br/>
is<br/>
behind
</div>
<div style="position:relative; top:-30px; left:3px; border:1px solid #000; background-color: #FFFFCC; text-align:right; height:200px; width:200px;">
front
</div>

Open in new window

0
 

Author Comment

by:joomla
ID: 33547477
brilliant
0
 

Author Closing Comment

by:joomla
ID: 33547481
exactly what i wanted
0
 
LVL 38

Expert Comment

by:Tom Beck
ID: 33547489
Thanks.
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

757 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now