上に DIV を重ねるのでそのままではなにもできなくなりますので、さらに手前にコントローラーを作成するのが通常ですが( Lightbox ) 元に戻すには、追加した div を削除する必要があります。 IE に関しては、IE11 の 開発者ツールで各バージョンで確認しました。
var ds = document.createElement('div');
ds.setAttribute('id','ds')
ds.style.position='absolute';
ds.style.width=Math.max(document.documentElement.scrollWidth,document.body.scrollWidth)*2+'px';
ds.style.height=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight)*2+'px';
ds.style.left='0px';
ds.style.top='0px';
var userAgent = window.navigator.userAgent.toLowerCase();
if (userAgent.indexOf("msie") > -1) {
ds.style.display = 'none';
var appVersion = window.navigator.appVersion.toLowerCase();
if (appVersion.indexOf("msie 10.0") > -1) {
ds.style.backgroundColor = '#000000';
ds.style.opacity=.5;
}
else {
ds.style.backgroundColor = '#000000';
ds.style.filter='alpha(opacity=50)';
}
}
else {
ds.style.backgroundColor = '#000000';
ds.style.opacity=.5;
}
document.body.appendChild(ds);
if (userAgent.indexOf("msie") > -1) {
ds.style.display = '';
}
タグ：javascript
|
|
【JavaScript DOMの最新記事】
- IFRAME 内に外部の javascript を読み込んで画面を作成する / document.write での構築
- JavaScript : setTimeout の第一引数の正しい書き方。
- JavaScript でクリックの代替( 古くは dispatchEvent で呼び出し )、現在は jQuery の click() ではリンクの URL を開く事はでき無いので、$("セレクタ")..
- JavaScript : リンクから _blank で開いたページを JavaScript で閉じる場合の動作テスト
- JavaScript DOM と jQuery : エレメントの参照
- JavaScript : リンクのテキストの取得( Chrome、Firefox、IE / textContent、innerText、text、replace、jQuery )
- 動的に作成された IFRAME の キャラクタセットのブラウザ別の違い
- ローカル記憶域 : window.localStorage
- JavaScript : zIndex の最大値と思われる 0x7FFFFFFF を各ブラウザでテストしました
- JavaSctipt : ユーザ用(名前空間付き)イベント追加メソッドの作成
- JavaScript : 最後にクリックしたテキストフィールドを保存する
- JavaScript : クリックした要素の位置を計算して、近くにウインドウを開く
