html - 可以内容 :"";有图像标签或说图像?

标签 html css image pseudo-element

好吧,我一直在做研究,但仍然无法弄清楚“内容:”“;”任何机会都可以包含图像。

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

例如我有一个图片标签:

<img src="kitten.jpg">

我可以在内容属性中添加这张图片吗?

:after {
  content:" ";
}

最佳答案

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

url(url) |将内容设置为某种媒体(图像、声音、视频等)

所以这会起作用:

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

示例片段:

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');
  }
<div>
  <p>Some Stuff</p>
</div>

关于html - 可以内容 :"";有图像标签或说图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39172966/

相关文章:

javascript - 加载资源失败 :Frame load interrupted in Safari browser while downloading multiple files

javascript - html5支持手机触摸吗?

html - 在代码中找不到 CSS 样式元素,但它存在于 DOM 中

html - 如何删除正文周围的边距空间或清除默认的 css 样式

css - 用 CSS 叠加色相?

图像的 JavaFX : Get format (PNG, JPG..)?

php - 如何制作一个简单的导航器 - 内容菜单

javascript - 通过 css 选择元素

php - 将 php 脚本放入图像标签的 src 中是否比正常情况慢,慢了多少?

iphone - HTML5 iPhone动态缓存图片