伪元素中content属性为什么不能设置图片尺寸?

div::before{
content: url('a.png');
display: block;
width: 100px;
height: 100px;
object-fit: fill;
}

伪元素的content属性引入的图片之所以不能设置尺寸表现为固有尺寸,是不是因为它的默认属性是boject-fit: none?
如果不是那是为什么不能设置呢?
如果是的话,那么我已经设置了object-fit: fill为什么依然不能设置呢?

阅读 5k
1 个回答

object-fit是图片img的样式,伪元素虽然可以设置图片,但毕竟不是img

你可以用背景图片,然后用background-size:cover

div::before{
content: '';
display: block;
width: 100px;
height: 100px;
background:url('a.png')
background-size:cover;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题