0 Replies - 3182 Views - Last Post: 01 December 2009 - 11:08 AM

#1 coden4fun   User is offline

  • if(coden4fun.NotTired){ ContinueToCode(); }
  • member icon

Reputation: 28
  • View blog
  • Posts: 696
  • Joined: 27-February 09

CSS Opacity using CSS2.1

Posted 01 December 2009 - 11:08 AM

Hi, I'm trying to get a footer's background have an opacity of at least 50%, so I you can see the background image/watermark I have put for the Site.Master Page.

I have the following div tag layout for the footer along with it's CSS equivalent code.

First the div layout
<div id="footer">
			</div>



now the footer class in CSS

#footer
{
	background-color: Gray;
	height: 30px;
	color: #999;
	padding: 10px 0;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	text-align: center;
	line-height: normal;
	margin: 0;
	font-size: .9em;
}



Now I'm using the CSS2.1 schema. I would like to convert it to CSS3 so I can just use the opacity property; however, I'm not sure how to change my schema from CSS2.1 to CSS3.0

Also, I've noticed that the -moz-opacity is validated but the filter:alpha(opacity=50); that should work for IE isn't validated through my schema.

Can anyone tell me what I'm doing incorrect and why it's not working.

Also, why is the opacity not working for mozilla? I'm using FF 3.0

Is This A Good Question/Topic? 0
  • +

Page 1 of 1