This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script> | |
$(window).load(function(){//ロードが完了したら下記を実行 | |
$(".loadingWrap").fadeOut();//.loadingWrapをフェードアウトさせる | |
}); | |
</script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="loadingWrap"> | |
<img src="img/now-loading.gif"> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style type="text/css"> | |
.loadingWrap { | |
width: 100%;/*100%で全画面表示*/ | |
height: 100%;/*100%で全画面表示*/ | |
background: #fff;/*背景色*/ | |
position: fixed; | |
top: 0;/*画面上部からの位置*/ | |
left: 0;/*画面左部からの位置*/ | |
z-index: 9999;/*レイヤー(この他にpositionを使用していない場合は不要)*/ | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#shopCommonText img { | |
display: block !important; | |
max-width: 100% !important; | |
margin: 0 auto !important; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
div#shopCommonText img { | |
display: none !important; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//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用 */ | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//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用 */ | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//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用 */ | |
} |
OlderNewer