This is related to a previous post I'm still having trouble with. I have this code in a css file:
h1 {
font-size: 40px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
border-right-style: groove;
border-top-style: groove;
border-bottom-style: groove;
border-left-style: groove;
border-right-width: thick;
border-bottom-width: thick;
border-top-width: thick;
border-left-width: thick;
font-variant: normal;
text-transform: uppercase;
font-style: normal;
background-image: url(Images/background.gif);
}
I'd like the background image to be see through but I can't seem to get Opacity to work. Could someone please give me the exact code I would have to add to this code so that the background image would be, say 50% see through, and, which would also work on an ipad and iphone. Thanks.
skronwith wrote:
I did ithe conversion in photoshop. Is there a special way to save it? I just did a save as and typed in png. Are there certain settings I should set?
In Photoshop, Save for Web and Devices
Select on the right "PNG 24" and make sure the transparency checkbox is clicked, hit save, select your destination and then load it into your site.
North America
Europe, Middle East and Africa
Asia Pacific