Html img::在src更改时消失后
这是我的React代码的一部分 .jsx代码Html img::在src更改时消失后,html,css,Html,Css,这是我的React代码的一部分 .jsx代码 <img draggable={false} data-score={-1 * score} src={AddressConfig.fileServer + "?id=" + photos} onError={this.onError} style={{display:'inline-block'}}/> ...... onError = (e) => { e.target.src = 'data:image/jp
<img draggable={false} data-score={-1 * score} src={AddressConfig.fileServer + "?id=" + photos} onError={this.onError} style={{display:'inline-block'}}/>
......
onError = (e) => {
e.target.src = 'data:image/jpeg;base64,/...........'//valid img url
}
当OneError事件未激发时,一切正常,但当它激发时,
::after
元素将消失。我真的很困惑…:after
和:before
不受img
元素的支持
看
由::before
和::after
生成的伪元素包含在元素的格式框中,因此::before
和::after
不适用于替换的元素,例如img
,或br
元素
img
元素不支持:after
和:before
看
由::before
和::after
生成的伪元素包含在元素的格式框中,因此::before
和::after
不适用于替换的元素,例如img
,或br
元素
img::after{
content:attr(data-score);
display: block;
position: absolute;
height: 15px;
width:15px;
}