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黑客或某些东西将其应用于旧浏览器（或者只是将背景图像放在带有条件注释的单独样式表中。