MortimerObituary
New Member
I am trying to make my background image slightly transparent. I read another article here on this topic but it did not work when I tried it. I hope I didn't give too little or too much info.Here is my HTML code:\[code\]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>My Title</title><link type="text/css" rel="stylesheet" href="http://stackoverflow.com/questions/Stylesheets/stylesheet1.css"><link type="text/css" rel="stylesheet" href="http://stackoverflow.com/questions/Stylesheets/stylesheet2.css"><link type="text/css" rel="stylesheet" href="http://stackoverflow.com/questions/Stylesheets/stylesheet3.css"></head><body><div id="container"> <div id="background" class="translucent"></div><div id="content"> <div id="backgroundIMG"></div></div><H1><div align="center">A heading</div></H1><p><div style="width:890px;height:40px;border:5px dotted Coral;">CONTENT</div><p>CONTENT<div class="index"><H2>Index</H2>Home (on now)<br><a href="http://stackoverflow.com/questions/14466102/page2.html">Bored Main Page</a><br><a href="http://stackoverflow.com/questions/14466102/page3.html">Tables are here!</a></div></div></body>\[/code\] Here are my stylesheets:stylesheet1:\[code\]html{ font-weight: bold;}body{margin-left:30px;margin-right: 30px;background-repeat: no-repeat;width: 100%;height: 100%;}\[/code\]stylesheet2:\[code\].index{line-height: 1.5em;padding: 1em;border: DarkGreen solid 5px;text-align: left;width: 890px;}.bgCyan{background-color: cyan;color: #525252;}.bgGreen{background-color: LightGreen;color: DarkBlue;}.bgBoredText{background: url(../Images/my_image.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.translucent{opacity: 0.4;filter: alpha(opacity = 40); /* For IE */}\[/code\]stylesheet3:\[code\]#container{position: relative;width: 200px;height: 200px;}#background, #content{position: absolute;top: 0;left: 0;}#backgroundIMG{background-image: url(../Images/my_image.jpg);}\[/code\]Thank you in advance