栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

您可以对:before /:after伪元素(content:url(image))应用宽度吗?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

您可以对:before /:after伪元素(content:url(image))应用宽度吗?

您并不疯狂:确实不可能更改使用插入的图像的尺寸

content
。图像始终按原样渲染。这称为替换内容或[替换元素(除非我们在这里不讨论元素)。

然而,由于替换元素 可以
通过调整大小

width
height
中所述的CSS2.1规范第10条,这引起了为什么似乎属性不适用于此问题。答案似乎是,属性确实适用,但适用于_伪元素框_ -您可以通过为伪元素赋予背景色来看到这一点。图像不会代替伪元素框本身,而是呈现为伪元素框的
元素,因此根本无法样式化(因为这将需要另一个不存在的伪元素)。

这就引出了另一个问题:为什么它不完全取代伪元素框?不幸的是,CSS2.1根本没有指定此行为,因此,已达成共识的实现是将内容呈现为伪元素框的子元素

CSS2.1并没有真正明确定义:: before和:: after上“ content”的处理模型,但是CSS 2.1中的信息示例,“
content”指定了事物 列表 以及对一致性的渴望导致UA行为如下:’content’属性指定了成为:: before或::
after框的子级的事物的列表。

希望这将在CSS生成的内容级别3中得到进一步解决,该级别的重写工作才刚刚开始。

同时,如果您希望能够调整

:after
伪元素和生成的图像的大小,则需要将其作为背景图像应用,并且(假设没有浏览器支持)将其
background-size
width
和一起使用并
height
缩放(基于这些属性改为应用于伪元素框的理解)。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/416208.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号