透過レイヤー上にフォーム

回答受付中の質問

透過レイヤー上にフォーム

よくあるLightBoxのようなライブラリを使用して、透過レイヤー上に写真を表示しているのを良く見ますが、HTMLなども表示する事が出来るのでしょうか?

何がしたいかと言いますと、透過レイヤー上で登録フォームみたいな物を作りたいのですが、具体的な実現方法を御教授頂ければ幸いです。

言語は、PHPです。

投稿日時 - 2008-10-25 03:15:53

連想キーワード:

QNo.4427736

困ってます

23人が「このQ&Aが役に立った」と投票しています

[  前へ  |  次へ ]

回答(1件中 1~1件目)

ANo.1

上半分を描いた後、半透明なレイヤーを乗せています
その後、そのレイヤーの上にフォームを乗せています
<html>
<body>
<script>
for(i=0;i<360;i+=4){
var inp = document.createElement('input');
with(inp){
style.position='absolute';
style.top=350-Math.sin(i*3.14519/180)*300+'px';
style.left=350-Math.cos(i*3.14519/180)*300+'px';
//style.backgroundColor='transparent';
}
document.body.appendChild(inp);
if(i==180) vpage()
}

function ImageOpacity( id, opa, step, wtime ){
this.opacitySet = function(n){
this.opacity=(n!=undefined)?n:this.opacity;
this.obj.style.filter='alpha(opacity='+this.opacity+')';
this.obj.style.MozOpacity = this.obj.style.opacity = this.opacity/100;
}
}
function vpage(){
var obj=document.body;
newobj = document.createElement('div');
newobj.id='screen';
with( newobj.style ){
position='absolute';
backgroundColor='#fee';
border='1px #f00 solid';
top = obj.offsetTop;
left = obj.offsetLeft;
width = obj.offsetWidth;
height = obj.offsetHeight;
filter='alpha(opacity=50)';
MozOpacity = 50;
opacity = 50;
}
document.body.appendChild(newobj);
}

</script>

投稿日時 - 2008-10-26 23:50:56

あわせてチェックしたい
  • flash透過レイヤー ...
  • photoshopレイヤーセットの“透過”って? ...
  • PHPからのライブラリ関数コール ...
PR
【回答募集中】花粉にひと言、物申す![ 詳細 ]

OKWaveのオススメ

教えて弁護士さん!

お金の悩みQ&A特集はこちら