Search This Blog

Wednesday, April 2, 2008

Image Transparency in CSS

Image Transparency

Here is one example showing image Transparency in css

Html file









TemplateWorld - Solitude











”productlist3″





AABBCE


MRP.Rs. 11,000/-


More Details











Style.css file

#global { margin:auto; }

.image {position:relative; width:800px; height:555px; margin-left:10px; float:left;margin-left:20px; background:#000;}

.text {position:absolute; top:0; right:0; padding: 0px; width:800px; height:555px; background:#fff; margin-top:386px;}

.text {filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.50; opacity:0.5; }

.words {position:absolute; top:0; right:0; padding: 0px; width:800px; height:555px; background:#fff; margin-top:386px; background:transparent; }

.words p {font-family:”Arial”; font-size:10px; margin:0px; padding:0px; color:#7b7a61; padding-left:10px; padding-top:5px;}

.words a { color:#4da3c6;}

No comments: