cssで非表示を設定し、非表示の部分にクリックイベントを追加する方法
1631 ワード
CSSでは、要素を隠す方法が多く、空間を占有するものもあれば、空間を占有しないものもある.クリックに応答できるものもあれば、クリックに応答できないものもあります.
{ display: none; /* , */ }
{ visibility: hidden; /* , */ }
{ position: absolute; clip:rect(1px 1px 1px 1px); /* , */ }
{ position: absolute; top: -999em; /* , */ }
{ position: relative; top: -999em; /* , */ }
{ position: absolute; visibility: hidden; /* , */ }
{ height: 0; overflow: hidden; /* , */ }
{ opacity: 0; filter:Alpha(opacity=0); /* , */ }
{ position: absolute; opacity: 0; filter:Alpha(opacity=0); /* , */ }
{
zoom: 0.001;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
/* IE6/IE7/IE9 ,IE8/FireFox/Chrome/Opera 。 */
}
{
position: absolute;
zoom: 0.001;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
/* , */
}