W3C home > Mailing lists > Public > www-style@w3.org > March 2000

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

From: Pierre Saslawsky <pierre@netscape.com>
Date: Wed, 29 Mar 2000 01:02:53 -0800
Message-ID: <38E1C6BE.834B6C4E@netscape.com>
To: Tantek Çelik <tantek@cs.stanford.edu>
CC: "www-style@w3.org" <www-style@w3.org>

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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:04 GMT