猿问

用 css 替换/更改内联图像 url

我需要在手机大小的 WordPress 主题中将图像 1 更改为图像 2。该图像是主题内联的,因此我无法将其替换为背景图像并使用媒体查询来完成此操作。


从:


<a class="logo">

  <img src="image1.jpg">

</a>

改成:


<a class="logo">

  <img src="image2.jpg">

</a>

我有什么办法可以做到这一点吗?我更喜欢CSS


交互式爱情
浏览 91回答 1
1回答

慕森卡

您可以使用以下内容 -.logo {&nbsp; &nbsp; content:url("image2.jpg");}使用断点(取决于您使用的 CSS 处理器,如 Stylus、SASS)@media only screen and (min-width: 600px) {&nbsp; &nbsp; .logo{&nbsp; &nbsp; &nbsp; &nbsp; content:url("image2.jpg");&nbsp; &nbsp; }}@media only screen and (min-width: 768px) {&nbsp; &nbsp; .logo{&nbsp; &nbsp; &nbsp; &nbsp; content:url("image2.jpg");&nbsp; &nbsp; }}
随时随地看视频慕课网APP

相关分类

Html5
我要回答