Question

好的，所以我一直在做研究，但仍然无法弄清楚是否内容：＆＃34; ＆＃34 ;;＆＃39;任何机会都可以包含图像。

我不知道我的问题是否合适。但很高兴知道它是否包含图像链接。感谢。

例如，我有一个图像标记：

<img src="kitten.jpg">

我可以在内容属性中添加此图片吗？

:after {
  content:" ";
}

Answer 1

来自http://www.w3schools.com/cssref/pr_gen_content.asp，content的属性值：

url(url) | Sets the content to be some kind of media (an image, a sound, a video, etc.)

所以这会奏效：

.yourDiv:after { 
content: url('image-src'); 
}

示例摘录：

＆＃13;

p:after {
  content: url('https://www.nasa.gov/sites/default/files/styles/image_card_4x3_ratio/public/thumbnails/image/leisa_christmas_false_color.png?itok=Jxf0IlS4');
  }

＆＃13;

<div>
  <p>Some Stuff</p>
</div>

＆＃13;

Answer 2

CSS content可以包含文字或...图片。

.seb-example:before {
    content: url('http://placekitten.com/250/250');
}

虽然，我更喜欢将background-image用于:before（或:after），因为它给了我更大的控制权（background-size）。但在极少数情况下，我发现它很有用。

Answer 3

你为什么不尝试一下？

您可以使用url来显示图片。 content属性将包含任何html内容

见下面的示例：

div,
div:after {
  display: inline-block;
  vertical-align: top;
}
div:after {
  content: url(http://placekitten.com/250/250);
}

<div>image</div>

内容可以：＆＃34; ＆＃34 ;;有图像标签或说图像？

3 个答案: