Add text on the Image

<Ul class = "departmentheadpic">
<Li style = "Background: #68aae1 URL (skin/images2/department.png) No-repeat center top;">
<Div style = "width: 1000px; Height: 230px; margin: 0 auto;">
<Div class = "pictext"> <% = PDMC %> </div>
</Div>
</LI>
</Ul>

 

 

CSS

. Adjust mentheadpic {Height: 230px; width: auto; Background-color: # FFF; padding-top: 2px; padding-bottom: 2px; position: relative ;}
. Departmentheadpicli {Height: 230px; width: auto ;}
. Pictext
{
Position: relative;
Top: 150px;
Left: 220px;
Font-size: 26px;
Font-weight: bold;
Font-family:,;
Color: # FFF;
Letter-Spacing: 2px;
}

Check whether the front Div element has float and the height of the element exceeds its own height, so that the distance between the text in IE compatibility mode and the left side of the text in Google browser is not equal.

Add text on the Image