html - 重新定位背景以使其看起来像一只手在写字？

Question

所以我有这张照片: http://www.kyea.org/imageuploads/MC900382613.JPG这是一只拿着铅笔的手，我想把它放在我的网页上，这样它看起来就像在写内容。有没有办法做到这一点？我试过弄乱背景来源、背景大小、背景位置，但似乎没有任何效果。

Answer 1

下面的css设置图片位置.....

img {

position:relative;

float:right;

top:-15px;

left:-198px;

}

#text {

position:relative;

color:green;

text-align:left;

top:50px;

right:-90px;

}

演示:JSFIDDLE DEMO