LAYER

CSS-P Syntax:

Source of This Sample:

[NN4][IE4]共通

[NN4]のLAYERタグと同じ

同じ意味だけど違ういいまわしのExamples:

visibility

画面へ 表示する|しない についての指定

{ visibility : visible | hidden | inherit }

visibleは表示、hiddenは非表示、inheritは親タグの指定を継承します。

ID名、position:absolute(絶対位置指定)またはposition:relative(相対位置指定)とセットで使います。

<DIV ID="layer0"
     STYLE="position:absolute;
            left:50;
            top:50
            visibility:hidden" >
LAYER
</DIV>

このまま表示しないというだけでは仕様がない(笑)のでここでは下記のようにボタンクリックでvisibilityをvisibleに変更して表示する様にしています。

<SCRIPT>
layflg=false
function showLAYER(layName){
  if(document.layers)document.layers[layName].visibility='show'
  if(document.all)document.all(layName).style.visibility='visible'
}
function hideLAYER(layName){
  if(document.layers)document.layers[layName].visibility='hide'
  if(document.all)document.all(layName).style.visibility='hidden'
}
</SCRIPT>
<FORM>
<INPUT TYPE="button" VALUE=" visible/hidden " 
       onClick="layflg=!layflg;if(loadflg&&layflg){
                                 showLAYER('layer10000')
                               }else{
                                 hideLAYER('layer10000')
                               }">
</FORM>

<LAYER NAME="layer0"
            LEFT="50"
            TOP="50"
            VISIBILITY="hide">
LAYER
</LAYER>

1.ID名で指定したものにだけスタイル定義します

<STYLE>
<!--
#layer0 {position:absolute;visibility:hidden}
<!---->
</STYLE>

<DIV ID="layer0">
LAYER
</DIV>

2.CLASS名で複数のタグへ一度にスタイル定義します

<STYLE>
<!--
.visiclass {position:absolute;visibility:hidden}
<!---->
</STYLE>

<DIV ID="layer0" CLASS="visiclass">
LAYER0
</DIV>
<DIV ID="layer1" CLASS="visiclass">
LAYER1
</DIV>
<DIV ID="layer2" CLASS="visiclass">
LAYER2
</DIV>

3.タグ名で指定したタグへ一度にスタイル定義します

<STYLE>
<!--
DIV {position:absolute;visibility:hidden}
<!---->
</STYLE>

<DIV ID="layer0">
LAYER0
</DIV>
<DIV ID="layer1">
LAYER1
</DIV>
<DIV ID="layer2">
LAYER2
</DIV>