{"id":221,"date":"2021-01-24T23:08:05","date_gmt":"2021-01-24T23:08:05","guid":{"rendered":"https:\/\/blog.nottdev.com\/?p=221"},"modified":"2021-01-24T23:24:57","modified_gmt":"2021-01-24T23:24:57","slug":"trick-full-screen-background-image","status":"publish","type":"post","link":"https:\/\/blog.nottdev.com\/index.php\/2021\/01\/24\/trick-full-screen-background-image\/","title":{"rendered":"[Trick] Full Screen Background Image"},"content":{"rendered":"\n<p>\u0e01\u0e32\u0e23\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e49\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e19\u0e34\u0e22\u0e21\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21 \u0e21\u0e35\u0e25\u0e39\u0e01\u0e40\u0e25\u0e48\u0e19 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e08\u0e30\u0e21\u0e32\u0e41\u0e19\u0e30\u0e19\u0e33\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e1a\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e01\u0e31\u0e19\u0e04\u0e23\u0e31\u0e1a ++<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>\u0e01\u0e32\u0e23\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e49\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e33\u0e44\u0e14\u0e49\u0e2b\u0e25\u0e32\u0e22\u0e41\u0e1a\u0e1a \u0e43\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e02\u0e2d\u0e41\u0e19\u0e30\u0e19\u0e33 3 \u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1a\u0e48\u0e2d\u0e22 \u0e46<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong><em>\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48 1 BODY<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>body {\n   background: url('image\/bg.jpg') no-repeat center center fixed;\n   -webkit-background-size: cover;\n   -moz-background-size: cover;\n   -o-background-size: cover;\n   background-size: cover;\n}\n\/* or *\/\nbody {\n   background: url('image\/bg.jpg') no-repeat center center;\n   -webkit-background-size: 100% 100%;\n   -moz-background-size: 100% 100%;\n   -o-background-size: 100% 100%;\n   background-size: 100% 100%;\n}<\/code><\/pre>\n\n\n\n<p class=\"has-large-font-size\"><strong><em>\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48 2 DIV<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ HTML\n&lt;div class=\"bg\"&gt;\n...\n&lt;\/div&gt;\n\/\/ CSS\n.bg {\n    background-image: url('image\/bg.jpg');\n    background-repeat: no-repeat;\n    background-attachment: fixed;\n    background-position: top center;\n    background-size: cover; \/* or 100% 100% *\/\n    height: 100vh;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e32\u0e23\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e49\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e19\u0e34\u0e22\u0e21\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21 \u0e21\u0e35\u0e25\u0e39\u0e01\u0e40\u0e25\u0e48\u0e19 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e08\u0e30\u0e21\u0e32\u0e41\u0e19\u0e30\u0e19\u0e33\u0e27\u0e34\u0e18\u0e35\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e1a\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e01\u0e31\u0e19\u0e04\u0e23\u0e31\u0e1a ++ \u0e01\u0e32\u0e23\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e19\u0e31\u0e49\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e33\u0e44\u0e14\u0e49\u0e2b\u0e25\u0e32\u0e22\u0e41\u0e1a\u0e1a \u0e43\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e02\u0e2d\u0e41\u0e19\u0e30\u0e19\u0e33 3 \u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1a\u0e48\u0e2d\u0e22 \u0e46 \u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48 1 BODY \u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48 2 DIV<\/p>\n","protected":false},"author":1,"featured_media":244,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.nottdev.com\/index.php\/wp-json\/wp\/v2\/posts\/221"}],"collection":[{"href":"https:\/\/blog.nottdev.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.nottdev.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.nottdev.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.nottdev.com\/index.php\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":3,"href":"https:\/\/blog.nottdev.com\/index.php\/wp-json\/wp\/v2\/posts\/221\/revisions"}],"predecessor-version":[{"id":245,"href":"https:\/\/blog.nottdev.com\/index.php\/wp-json\/wp\/v2\/posts\/221\/revisions\/245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.nottdev.com\/index.php\/wp-json\/wp\/v2\/media\/244"}],"wp:attachment":[{"href":"https:\/\/blog.nottdev.com\/index.php\/wp-json\/wp\/v2\/media?parent=221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.nottdev.com\/index.php\/wp-json\/wp\/v2\/categories?post=221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.nottdev.com\/index.php\/wp-json\/wp\/v2\/tags?post=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}