Skip to content

Instantly share code, notes, and snippets.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(window).load(function(){//ロードが完了したら下記を実行
$(".loadingWrap").fadeOut();//.loadingWrapをフェードアウトさせる
});
</script>
<div class="loadingWrap">
<img src="img/now-loading.gif">
</div>
<style type="text/css">
.loadingWrap {
width: 100%;/*100%で全画面表示*/
height: 100%;/*100%で全画面表示*/
background: #fff;/*背景色*/
position: fixed;
top: 0;/*画面上部からの位置*/
left: 0;/*画面左部からの位置*/
z-index: 9999;/*レイヤー(この他にpositionを使用していない場合は不要)*/
}
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(window).load(function(){
$(".loadingWrap").fadeOut();
});
</script>
#shopCommonText img {
display: block !important;
max-width: 100% !important;
margin: 0 auto !important;
}
div#shopCommonText img {
display: none !important;
}
@maru0014
maru0014 / Android標準ブラウザで背景画像が表示されない.css
Last active October 13, 2015 08:41
Android標準ブラウザで背景画像が表示されない
//Android標準ブラウザで背景画像が表示されない
h2 {
background: url(image.jpg) repeat-x;
background-size: auto 40px;
-webkit-background-size: auto 40px; /* Safari,Google Chrome用 */
-moz-background-size: auto 40px; /* Firefox用 */
-o-background-size: auto 40px; /* Opera用 */
}
@maru0014
maru0014 / Android標準ブラウザでも背景画像が表示される.css
Last active October 13, 2015 08:40
Android標準ブラウザでも背景画像が表示される
//Android標準ブラウザでも背景画像が表示される
h2 {
background: url(image.jpg) repeat-x;
background-size: 1px 40px;
-webkit-background-size: 1px 40px; /* Safari,Google Chrome用 */
-moz-background-size: 1px 40px; /* Firefox用 */
-o-background-size: 1px 40px; /* Opera用 */
}
@maru0014
maru0014 / Android標準ブラウザでも背景画像が表示される(幅100%指定).css
Last active October 13, 2015 08:40
Android標準ブラウザでも背景画像が表示される(幅100%指定)
//Android標準ブラウザでも背景画像が表示される(幅100%指定)
h2 {
background: url(image.jpg);
background-size: 100% 40px;
-webkit-background-size: 100% 40px; /* Safari,Google Chrome用 */
-moz-background-size: 100% 40px; /* Firefox用 */
-o-background-size: 100% 40px; /* Opera用 */
}