Re: background-color:transparent vs. background-color:inherit

Thanks!

The problem I was seeing was related to the background inside text edit
fields - no background-image involved. Interestingly enough, Mozilla and
MacIE5 show the same bug (test case below).

Pierre



<html>
<head>
  <style type="text/css">
  #boo {
    background-color: yellow;
  }
  #foo {
    border: 1px solid red;
    background-color: inherit;
    color: blue;
  }
  </style>
</head>

<body style="background-color:pink">


<div id="boo">
  We have a nested DIV with a <b>transparent</b> background here.<br>
  It makes the background gray in Moz and white in MacIE5 when you type in:
	<div style="border: thin dashed; background-color: transparent">
		Enter some text:<br>
		<input type="text" id="foo"/>
		<br>Thanks<br>
	</div>
	<br>
</div>

<hr>


<div id="boo">
  We have a nested DIV with an <b>inherited</b> background here.<br>
  It works correctly when you type in:
	<div style="border: thin dashed; background-color: inherit">
		Enter some text:<br>
		<input type="text" id="foo"/>
		<br>Thanks<br>
	</div>
	<br>
</div>

<hr>

<div id="boo">
		No nested DIV here...<br>
  	It works too:
		Enter some text:<br>
	<input type="text" id="foo"/>
	<br>Thanks<br>
</div>



</body>
</html>



-- 
Pierre Saslawsky <pierre@netscape.com>
French Style

Received on Wednesday, 29 March 2000 04:03:08 UTC