In my web site created by DreamWeaver CS3 I have this in an external css file:
#maincontent p {
font-size:2.5em;
font-weight:bold;
margin-top: 70px;
background-image: url(Images/background.jpg);
This background image is just a solid block of color with 50% transparency created in photoshop and saved as a jpg.
I also have in this file a body tag with a background image of a group of babies:
body {
background-image: url(Images/babies.jpg);
background-repeat: repeat;
}
Now the problem. When I look at the web page on the net (it's live), each page shows correctly the background image, the babies, and the paragraph with the semi-transparent background color correctly (the babies show through partially the background color). However, on the ipad and iphone, the background color for the paragraph doesn't exist, all I have is the text against the babies. Even if I make the transparency 100%, no change. This occurs on every browser I have tried on the ipad and iphone. What is it about these devices that makes them disregard this background? Thanks.
