0

我开始知道我们不能为 css 生成的图像设置 alt。有一些解决方案说，通过标题属性，我们只能在图像上悬停时获得 alt 效果，但是当我们禁用 css 时，我们将无法看到该文本代替图像。在我的情况下，即使禁用 css，我也需要显示文本。是否有任何解决方法可以在 css 被禁用时使文本可见。

    <span class="myimageclass">
    hi
    </span>
    <style>
    .myimageclass
    {
    height: 100px;
    width: 200px;

    background-image:url('http://cdn.osxdaily.com/wp- 
    content/uploads/2011/10/NSTexturedFullScreenBackgroundColor.png');
    color:red;
    overflow: hidden;
    text-indent: -9999px;



    }
    </style>

谢谢，巴拉吉。

4

2 回答 2

2

您可以使用text-indent和overflow: hidden。

这不是灵活的方法，但我希望你可以使用它。

.image {
  width: 200px;
  height: 100px;
  display: block; /* it needs for inline elements like span */
  background: url(http://cdn.osxdaily.com/wp-content/uploads/2011/10/NSTexturedFullScreenBackgroundColor.png);
  overflow: hidden;
  text-indent: -9999px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="image js-image">
  Image alt
</div>

<button class="js-button">On/Off styles</button>

<script>
  $('.js-button').click(function() {
    $('.js-image').toggleClass('image');
  });
</script>

于 2015-06-04T06:29:11.333 回答
1

@balaji，这已经是一个处理页面中 CSS 的 SO 线程，您可以从这里选择一些内容并根据您的需要进行微调：如何确定 CSS 是否已加载？

于 2015-06-04T06:32:36.553 回答