编辑插入图像标记的src中的图像,仅使用css

时间:2016-08-18 09:16:17

标签: css image

我必须使用我无法修改的HTML代码(我无法访问它),我只能重载css。

我在图像标记中有一个带有src参数的图像,该参数会在页面中抛出图像。我想知道css中有没有办法改变这个图像?

1 个答案:

答案 0 :(得分:0)

无法通过纯css更改图像src,但您可以使用此方法

Html Part:

<div class="my-image">
  <img src="http://i.telegraph.co.uk/multimedia/archive/03598/lightning-10_3598416k.jpg" />
</div>

Css Part:

.my-image img{  
     opacity: 0;max-width: 100%;
 }
.my-image{
    background-image: url("http://mixstuff.ru/wp-content/uploads/2013/07/15.jpg");
    width: 300px;
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
 }

希望这可能会有所帮助。感谢