{"id":1200,"date":"2019-09-27T09:58:58","date_gmt":"2019-09-27T01:58:58","guid":{"rendered":"http:\/\/jilin.hydesign.tw\/?p=1200"},"modified":"2021-10-23T21:14:04","modified_gmt":"2021-10-23T13:14:04","slug":"css-background","status":"publish","type":"post","link":"http:\/\/jilin.hydesign.tw\/index.php\/2019\/09\/27\/css-background\/","title":{"rendered":"CSS Background \u80cc\u666f"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">background-size<\/h2>\n\n\n\n<p>\u57fa\u672c\u8a2d\u5b9a\u5099\u8a3b<\/p>\n\n\n\n<table class=\"wp-block-table\"><tbody><tr><td><strong>background-attachment<\/strong><\/td><td>\u80cc\u666f\u5716\u50cf\u662f\u56fa\u5b9a\u6216\u662f\u96a8\u6372\u8ef8\u6efe\u52d5<\/td><\/tr><tr><td><strong>background-clip<\/strong><\/td><td>\u6307\u5b9a\u80cc\u666f\u7684\u7e6a\u88fd\u5340\u57df<\/td><\/tr><\/tbody><\/table>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/*background-size \u80cc\u666f\u5716\u8a2d\u5b9a*\/\n.background\n{    \n    -moz-background-size:\u5bec \u9ad8;\n    -webkit-background-size:\u5bec \u9ad8;\n    -o-background-size:\u5bec \u9ad8;\n    background-size:\u5bec \u9ad8;\n}\n\n.background\n{    \n    -moz-background-size:auto;        \/*for Firefox*\/\n    -webkit-background-size:auto;        \/*for Google Chrome\u3001Safari*\/\n    -o-background-size:auto;        \/*for Opera*\/\n    background-size:auto;        \/*for IE*\/\n}\n\n\/*\u5bec\u9ad8\u6eff\u7248\u8a2d\u5b9a*\/\n.background\n{    \n    -moz-background-size:cover;\n    -webkit-background-size:cover;\n    -o-background-size:cover;\n    background-size:cover;\n}\n\n\/*\u80cc\u666f\u5716>DIV*\/\n.background\n{    \n    -moz-background-size:contain;\n    -webkit-background-size:contain;\n    -o-background-size:contain;\n    \/* cbootstrap library *\/\n    background-size:contain;\n}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">RWD\u904b\u7528<\/h2>\n\n\n\n<p>\u5716\u7247\u6eff\u7248\u8a2d\u5b9a\uff0c\u96a8\u87a2\u5e55\u653e\u5927\u7e2e\u5c0f<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.background\n{\n     z-index:-2;\n     max-width: none !important;\n     image-rendering: optimizeQuality;\n     -ms-interpolation-mode: bicubic;\n     max-width: none !important;\n}<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;img class=\"background\" src=\"images\/picname.jpg\" style=\"position: fixed; left: 0px; top: 0px; width: 100%; height:100%; bottom: auto; right: auto;\"><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u984f\u8272\u6f38\u5c64<\/h2>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/*\u984f\u8272\u7531\u4e0a\u81f3\u4e0b*\/\n#grad {\n  background-image: linear-gradient(red, yellow);\n}\n\/*\u984f\u8272\u7531\u5de6\u81f3\u53f3*\/\n#grad {\n  background-image: linear-gradient(to right, red , yellow);\n}\n\/*\u984f\u8272\u904b\u7528\u89d2\u5ea6\u8b8a\u5316*\/\n#grad {\n  background-image: linear-gradient(to bottom right, red, yellow);\n}<\/pre>\n ","protected":false},"excerpt":{"rendered":"<p>background-size \u57fa\u672c\u8a2d\u5b9a\u5099\u8a3b background-attachment \u80cc\u666f\u5716\u50cf\u662f\u56fa\u5b9a\u6216\u662f\u96a8&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,12,4],"tags":[],"class_list":["post-1200","post","type-post","status-publish","format-standard","hentry","category-css","category-front-end","category-notes"],"_links":{"self":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/1200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/comments?post=1200"}],"version-history":[{"count":19,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/1200\/revisions"}],"predecessor-version":[{"id":1329,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/1200\/revisions\/1329"}],"wp:attachment":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/media?parent=1200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/categories?post=1200"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/tags?post=1200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}