CSS插入文本，而不是圖像

Question

相反圖像如何將文本說法的要求

<label class="req">Name:</label> 
    .req 
    { 
     //background-image:url(img/mandatory.jpg); 
     background-position:top right; 
     background-repeat:no-repeat; 
     padding-right:10px; 
     font-weight:bold; 
    } 

Answer 1

如果你不想背景圖片可言，刪除它，並使用:after僞元素插入文本：

.req:after { 
    content: '*'; 
} 

如果你需要的背景圖片爲老版本瀏覽器的回退（因爲IE7及以上不承認:after），你將不得不訴諸一些CSS黑客或東西申請它舊的瀏覽器（或只是把背景在帶有條件註釋的獨立樣式表中的d圖像）。