如何从查看html源码下载此声音图标？

Question

我正在下载声音图标

​

​

从这个url。当我检查这个元素时，我看到它的代码是

<div class="sound audio_play_button pron-uk icon-audio" data-src-mp3="https://www.oxfordlearnersdictionaries.com/media/english/uk_pron/l/lov/love_/love__gb_1.mp3" data-src-ogg="https://www.oxfordlearnersdictionaries.com/media/english/uk_pron_ogg/l/lov/love_/love__gb_1.ogg" title="love pronunciation
                    English" style="cursor: pointer" valign="top">&nbsp;</div>

从这个源码中，我看不到任何图像文件。你能帮我拿到这个图标吗？

Answer 1

使用css属性加载图像。您必须下载css文件，即https://www.oxfordlearnersdictionaries.com/external/styles/oald10.css?version=2.0.42，它包含div的背景图像。

通过类名搜索-

phons_n_am a,
.top-g .phonetics .pron-us, .sound.audio_play_button.pron-us.icon-audio {
    background-image: url(../images/documents/audio_name_initial.svg);
}

phons_n_am a:hover,
.top-g .phonetics .pron-us:hover, .sound.audio_play_button.pron-us.icon-audio:hover {
    background-image: url(../images/documents/audio_name_playing.svg);
    -webkit-transition: background-image 100ms linear;
    -o-transition: background-image 100ms linear;
    transition: background-image 100ms linear;
}

要下载图像，请在urls前面加上- https://www.oxfordlearnersdictionaries.com/external/

示例- https://www.oxfordlearnersdictionaries.com/external/images/documents/audio