2016-08-18 38 views
-1

我必须使用我无法修改的HTML代码(我无法访问它),我只能重载CSS。编辑插入到图像标签的src中的图像,只能使用css

我有一个图像,在图像标签,与src参数,在页面中投掷图像。我想知道是否有任何方式在CSS来改变这张图片?

+0

你能用javascript吗? – fernando

+1

[可以在CSS中设置img标签的src属性的等效值吗?](http://stackoverflow.com/questions/2182716/is-it-possible-to-set-the-equivalent -of-a-src-attribute-of-an-img-tag-in-css) - 如果我正确理解问题。 –

+0

我真的不明白你在问什么。 – Option

回答

0

有没有办法通过纯CSS来改变形象src,却可以做到这一点的方法

HTML部分:

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

的CSS部分:

.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; 
} 

希望这可以帮助。谢谢

+0

谢谢,不幸的是,它不适用于我的特殊环境(salesforce社区构建者),但我在另一个环境中尝试了它,并且它工作正常,所以我认为我找不到比您的答案更好的答案。 – dou