重ねあわせ例１：
%im%\convert.exe sample1.jpg sample108a.png -geometry +10+10 -composite sample108b.jpg
出力画像(sample108b.jpg)
%im%\convert.exe -size 120x120 xc:#ffffffff -channel RGBA -fill #000080FF -draw "rectangle 10,10 110,110" -blur 0x7 -crop 100x100+10+10 +repage -channel A -fx 0.6 sample108c.png
出力画像(sample108c.png)
重ねあわせ例２：
%im%\convert.exe sample1.jpg sample108c.png -geometry +10+10 -composite sample108d.jpg
出力画像(sample108d.jpg)
以下のようなCSSを指定することで、マウスオーバーした場合に
切り替わるように指定できます。
ul.mytab {
list-style: none;
}
ul.mytab li {
display: block;
float: left;
}
a.tab1 {
display: block;
width: 108px;
height: 20px;
background-image: url("./tab1.gif");
background-repeat: no-repeat;
background-position: 0px 0px;
text-decoration: none;
}
a.tab1selected {
display: block;
width: 108px;
height: 20px;
background-image: url("./tab1.gif");
background-repeat: no-repeat;
background-position: -108px 0px;
text-decoration: none;
}
a:hover.tab1 {
background-position: -216px 0px;
}
