SQLの窓

2014年03月06日


JavaScript : ブラウザの表示を半透明で暗くする方法( scrollHeight で高さ決定 )





上に 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
posted by lightbox at 2014-03-06 22:44 | JavaScript DOM | このブログの読者になる | 更新情報をチェックする
バッチ処理

Microsoft Office
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり