2016-08-02 60 views
-1

Css Image Circle with sticker用贴纸角落

的CSS圈像我想要的CSS科德用贴纸角落像这样(响应)。请帮帮我 !谢谢。

+1

预计你至少试图自己编码。堆栈溢出不是代码写入服务。我建议你做一些[**额外的研究**](http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) ,无论是通过谷歌或通过搜索,尝试和。如果您仍然遇到麻烦,请返回**您的代码**并解释您尝试过的以及为什么它不起作用。 –

回答

-2

我做了:

<div style="width:100%;height:500px;position:relative;"> 
    <img style="position:absolute;width:20%;left:50%;" class='rd100' src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Circle_-_black_simple.svg/2000px-Circle_-_black_simple.svg.png" /> 
    <img class='rd100' src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Circle_-_black_simple.svg/2000px-Circle_-_black_simple.svg.png" /> 
</div> 

和CSS:

img.rd100 
{ 
    width:100%;height: auto; 
} 

这里提琴:https://jsfiddle.net/kgcd4dLn/3/

你只需要添加其他圆圈贴纸等。

祝你好运:)

+0

再次看我的小提琴我忘了上传正确的版本 – Buisson