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

コミュニティー
OKWiki
OKetter
OKStars
OKSHOP

	[ 詳細検索 ]	はじめての方へ FAQ（よくある質問）

<< 前の質問 | 次の質問 >>

回答受付中の質問

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

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

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

言語は、PHPです。

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

通報する

回答する

QNo.4427736

mukkudesu

困ってます

はい

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

回答（1）

ANo.1

noname#84373

上半分を描いた後、半透明なレイヤーを乗せています
その後、そのレイヤーの上にフォームを乗せています
<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>