通过纯 CSS替换,css"/>
时间戳

首页 > 解决方案 > 通过纯 CSS替换

css - 通过纯 CSS替换

问题描述

首先，在此先感谢，我已经尝试了好几个小时了，但我无法解决..

我无权访问后端 PHP / HTML，但我想更改网站设计中的一些图像..

如何仅通过纯 CSS 更改这些图像？这甚至可能吗？

<a href="example.php?action=task1" class="tooltip" title="task1">
<img src="/example/1/image1.png" alt="RP"></a>

<a href="example.php?action=task2" class="tooltip" title="task2">
<img src="/example/1/image2.png" alt="RP"></a>

标签： css

解决方案

您可以使用应用于图像的内容和属性选择器来识别每一个：

img[src*="image1.png"] {
 content:url(https://picsum.photos/id/10/200/300);
}

img[src*="image2.png"] {
 content:url(https://picsum.photos/id/15/250/400);
}
<a href="example.php?action=task1" class="tooltip" title="task1">
<img src="/example/1/image1.png" alt="RP"></a>

<a href="example.php?action=task2" class="tooltip" title="task2">
<img src="/example/1/image2.png" alt="RP"></a>

推荐阅读