{"id":280,"date":"2017-04-22T12:32:14","date_gmt":"2017-04-22T03:32:14","guid":{"rendered":"http:\/\/memo.baseline-lib.com\/?p=280"},"modified":"2021-01-10T02:25:11","modified_gmt":"2021-01-09T17:25:11","slug":"%e3%83%91%e3%83%a9%e3%83%a9%e3%83%83%e3%82%af%e3%82%b9%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%ef%bc%8bcss%e3%81%ae%e3%81%bf%e3%81%a7%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e5%af%be","status":"publish","type":"post","link":"https:\/\/memo.baseline-lib.com\/?p=280","title":{"rendered":"\u30d1\u30e9\u30e9\u30c3\u30af\u30b9\u30c7\u30b6\u30a4\u30f3\uff0bCSS\u306e\u307f\u3067\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc"},"content":{"rendered":"<p>javascript\u3092\u4f7f\u308f\u305a\u306bcss\u306e\u307f\u3067\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306b\u5bfe\u5fdc\u3057\u305f\u30da\u30fc\u30b8\u4f5c\u6210<\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#i\"><span class=\"toc_number toc_depth_1\">1<\/span> \u30d9\u30fc\u30b9\u3068\u306a\u308b\u30b9\u30bf\u30a4\u30eb\u3092\u4f5c\u6210<\/a><\/li><li><a href=\"#html\"><span class=\"toc_number toc_depth_1\">2<\/span> html\u3067\u306e\u8a18\u8ff0<\/a><\/li><li><a href=\"#i-2\"><span class=\"toc_number toc_depth_1\">3<\/span> \u30d5\u30eb\u30b9\u30af\u30ea\u30fc\u30f3\u8868\u793a\u306e\u305f\u3081\u306e\u8abf\u6574<\/a><\/li><\/ul><\/div>\n<h3><span id=\"i\">\u30d9\u30fc\u30b9\u3068\u306a\u308b\u30b9\u30bf\u30a4\u30eb\u3092\u4f5c\u6210<\/span><\/h3>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\nhtml {\r\n  height: 100%; \r\n  overflow: hidden; \/* \u30d6\u30e9\u30a6\u30b6\u6a19\u6e96\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u3092\u6d88\u3057\u307e\u3059 *\/\r\n}\r\n \r\nbody {\r\n  overflow-y: scroll;  \/*  \u7e26\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u3092\u8868\u793a\u3057\u307e\u3059\u3002 *\/\r\n  overflow-x: hidden;  \/*  \u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u3092\u6d88\u3057\u307e\u3059\u3002 *\/                                                                                                                    \r\n  height: 100%; \r\n}\r\n \r\n.image-base{\r\n  min-height: 800px; \/* \u9ad8\u3055\u306e\u6700\u5c0f\u5024\u3092\u6c7a\u3081\u308b\u3053\u3068\u3067\u9ad8\u3055\u3092\u78ba\u4fdd\u3055\u305b\u307e\u3059\u3002\u30c7\u30d0\u30a4\u30b9\u30b5\u30a4\u30ba\u306b\u5fdc\u3058\u3066\u6570\u5024\u3092\u5909\u66f4\u3055\u305b\u308b\u3068\u3001\u80cc\u666f\u753b\u50cf\u3082\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306b\u5909\u5316\u3057\u307e\u3059\u3002\u3000*\/\r\n\u3000background-position: center center;\r\n  -webkit-background-size: cover;\r\n  -moz-background-size: cover;\r\n  -o-background-size: cover;\r\n  background-size: cover; \/* \u80cc\u666f\u753b\u50cf\u3092\u30d5\u30eb\u30b9\u30af\u30ea\u30fc\u30f3\u306b\u30d5\u30a3\u30c3\u30c8\u3055\u305b\u307e\u3059 *\/\r\n\r\n.image {\/* \u80cc\u666f\u753b\u50cf\u306e\u56fa\u5b9a *\/\r\n  background: url('\/img\/Desert.jpg') no-repeat fixed ;\u3000\/* \u80cc\u666f\u753b\u50cf\u3092\u56fa\u5b9a\u3055\u305b\u307e\u3059\u3002 *\/\r\n}\r\n<\/pre>\n<h3><span id=\"html\">html\u3067\u306e\u8a18\u8ff0<\/span><\/h3>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;h2 id=&quot;1&quot;&gt;\u30b3\u30f3\u30c6\u30f3\u30c4\uff11&lt;\/h2&gt;\r\n  &lt;div class=&quot;image-base image&quot;&gt;&lt;\/div&gt;\r\n    &lt;section class=&quot;content&quot;&gt;\r\n      &lt;p&gt;\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30b5\u30a4\u30c8\u3067\u30d1\u30e9\u30e9\u30c3\u30af\u30b9\u52b9\u679c\u3092CSS\u3060\u3051\u3067\u7c21\u5358\u306b\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5&lt;\/p&gt;\r\n    &lt;\/section&gt;\r\n&lt;h2 id=&quot;2&quot;&gt;\u30b3\u30f3\u30c6\u30f3\u30c4\uff12&lt;\/h2&gt;\r\n  &lt;div class=&quot;image-base image2&quot;&gt;&lt;\/div&gt;\r\n    &lt;section class=&quot;content&quot;&gt;\r\n      &lt;p&gt;\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30b5\u30a4\u30c8\u3067\u30d1\u30e9\u30e9\u30c3\u30af\u30b9\u52b9\u679c\u3092CSS\u3060\u3051\u3067\u7c21\u5358\u306b\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5&lt;\/p&gt;\r\n    &lt;\/section&gt;\r\n&lt;h2 id=&quot;3&quot;&gt;\u30b3\u30f3\u30c6\u30f3\u30c4\uff13&lt;\/h2&gt;\r\n  &lt;div class=&quot;image-base image3&quot;&gt;&lt;\/div&gt;\r\n    &lt;section class=&quot;content&quot;&gt;\r\n      &lt;p&gt;\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30b5\u30a4\u30c8\u3067\u30d1\u30e9\u30e9\u30c3\u30af\u30b9\u52b9\u679c\u3092CSS\u3060\u3051\u3067\u7c21\u5358\u306b\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5&lt;\/p&gt;\r\n    &lt;\/section&gt;\r\n&lt;h2 id=&quot;4&quot;&gt;\u30b3\u30f3\u30c6\u30f3\u30c4\uff14&lt;\/h2&gt;\r\n  &lt;div class=&quot;image-base image4&quot;&gt;&lt;\/div&gt;\r\n    &lt;section class=&quot;content&quot;&gt;\r\n      &lt;p&gt;\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30b5\u30a4\u30c8\u3067\u30d1\u30e9\u30e9\u30c3\u30af\u30b9\u52b9\u679c\u3092CSS\u3060\u3051\u3067\u7c21\u5358\u306b\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5&lt;\/p&gt;\r\n    &lt;\/section&gt;\r\n<\/pre>\n<h3><span id=\"i-2\">\u30d5\u30eb\u30b9\u30af\u30ea\u30fc\u30f3\u8868\u793a\u306e\u305f\u3081\u306e\u8abf\u6574<\/span><\/h3>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n#sysAll{\r\n  max-width: none; \r\n  width:100%; \r\n  padding:0;\r\n}\r\n#sysHeader{\r\n  padding: 0px;\r\n  margin: 0px;\r\n}\r\n#sysMain {\r\n  padding: 0px; \r\n  margin: 0px;\r\n}\r\n.parallax .sysContent {\r\n  padding: 0px; margin: 0px; \/* \u4f5c\u6210\u3057\u305f\u6a5f\u80fd\u30d1\u30fc\u30c4\u306e\u4f59\u767d\u8abf\u6574 *\/\r\n<\/pre>\n<p><a href=\"http:\/\/www.aiship.jp\/knowhow\/archives\/15843\">\u53c2\u8003\u30b5\u30a4\u30c8<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>javascript\u3092\u4f7f\u308f\u305a\u306b&hellip;<\/p>\n","protected":false},"author":2,"featured_media":285,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,7],"tags":[],"_links":{"self":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts\/280"}],"collection":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=280"}],"version-history":[{"count":3,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts\/280\/revisions"}],"predecessor-version":[{"id":283,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts\/280\/revisions\/283"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/media\/285"}],"wp:attachment":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}