Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html img::在src更改时消失后_Html_Css - Fatal编程技术网

Html img::在src更改时消失后

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

这是我的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/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;
    }