DICE Project
BLOG
daily works etc.

透過PNGとHTMLタグで絵を描く / Drawing with Transparent PNG and HTML Tags

Date : 2012.05.27
Category : 一般

Hello Layer World
昨日に続きこんにちは。
これ、結構前からちまちま作ってたのですが・・・透過PNGの部品素材を、HTMLタグで位置・深度
指定して組み合わせ、1枚の絵にしたものです。絵のリンクから、実際のページへ飛べます。
(動作確認ブラウザ:Ch/Sf/Fx/IE7-9/O)

Hello~
Recent week I have been trying to create one picture with configuration of the position/depth of transparent PNG materials. you can click on the picture and jump to the page. (validated on Ch/Sf/Fx/IE7-9/O)

当初は、フッタが浮いたサイトのデザインを考えていたのですが、発展してこんな事に。まぁ、
もともとZ-indexになじみが無かったので、良い経験には・・・あれ、Z-indexを使いすぎると、
いくら深度を浅く設定しても、文字選択できない・・・!?ってことは、リンク張っても押せない
ってことですよね。

ありゃ。まだまだですな。

// ENGLISH

Actually in the first I was thinking of the website design that has floating footer.. But also it is good experience to know about z-index. However I found that I cannot choose the texts on the picture. it may means that we cannot click if this texts are the “links”. oh no.

well I have to learn more about HTML tags…