css插入文本而不是图像

【问题标题】：css insert text instead of imagecss插入文本而不是图像
【发布时间】：2011-08-04 21:02:51
【问题描述】：

如何在图片中添加一个需要的文字来代替图片

    <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;
     }

【问题讨论】：

标签： html css css-selectors

【解决方案1】：

如果您根本不需要背景图片，请将其删除，然后使用:after 伪元素插入文本：

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

如果您需要背景图片作为旧版浏览器的后备（因为 IE7 和旧版无法识别 :after），您将不得不求助于一些 CSS hack 或其他东西来将其应用于旧版浏览器（或者只是将背景图片放在带有条件注释的单独样式表中）。

【讨论】：