{"id":2523,"date":"2015-09-15T14:58:49","date_gmt":"2015-09-15T06:58:49","guid":{"rendered":"http:\/\/blog.hoyo.idv.tw\/?p=2523"},"modified":"2015-09-22T13:58:16","modified_gmt":"2015-09-22T05:58:16","slug":"cssdisplay-opacity%ef%bc%8chighcharts-%e8%87%aa%e8%a8%82-y-%e8%bb%b8","status":"publish","type":"post","link":"https:\/\/blog.hoyo.idv.tw\/?p=2523","title":{"rendered":"CSS:display, opacity\uff0cHighCharts \u81ea\u8a02 Y \u8ef8"},"content":{"rendered":"<p>display : \u6539\u8b8a\u5143\u7d20\u986f\u793a\u7279\u6027<\/p>\n<ul>\n<li>none \u5f9e\u7db2\u9801\u6d88\u5931\uff0c\u4e0d\u4f54\u7a7a\u9593<\/li>\n<li>block \u584a\uff0c&lt;div&gt; \u5c31\u662f\u8a72\u5c6c\u6027<\/li>\n<li>inline \u884c\u5167\uff0c &lt;span&gt;<\/li>\n<\/ul>\n<p>opacity : \u900f\u660e\uff0c\u96b1\u8eab\u9084\u662f\u6709\u9ad4\u7a4d\u4e26\u4e14\u53ef\u4e92\u52d5<\/p>\n<ul>\n<li>1 \u4e0d\u900f\u660e<\/li>\n<li>0 \u5b8c\u5168\u900f\u660e<\/li>\n<li>0.5 50% \u900f\u660e<\/li>\n<\/ul>\n<p>\u7bc4\u4f8b\uff1a\u00a0<a href=\"http:\/\/liuliu.me\/ccv\/js\/nss\/\" target=\"_blank\">A Not-so-slow JavaScript Face Detector<\/a>\u00a0\u9ede\u9078\u4f5c\u7528\u5728 &lt;input type=\"file\"&gt; \u4e4b\u4e0a\uff0c\u8a72 tag \u4f7f\u7528 opacity:0 \u5b8c\u5168\u900f\u660e<\/p>\n<pre class=\"lang:css decode:true \">content #viewport input#file-selector {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0;\r\n    cursor: pointer;\r\n}<\/pre>\n<h2>HighCharts \u81ea\u8a02 Y \u8ef8<\/h2>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true\">yAxis:[\r\n{\r\n    title: { text: '' },\r\n    alignTicks:false,\r\n    max:50,\r\n    min:0,\r\n    minRange: 20\r\n},\r\n{\r\n    title: { text: '\u6eab\u5ea6 \u2103' },\r\n    opposite: true\r\n}\r\n]<\/pre>\n<ul>\n<li>title: {text: '\u6a19\u984c'} \u6a19\u984c\u5b57<\/li>\n<li>alignTicks: false \u53d6\u6d88\u591a\u7dda\u6642\u5c0d\u9f4a\u5224\u65b7\uff0c\u4e3b\u8981\u662f\u8b93 max \u8a2d\u5b9a\u503c\u53ef\u4ee5\u4f5c\u7528<\/li>\n<li>max:50 \u6700\u5927\u503c<\/li>\n<li>min: 0 \u6700\u5c0f\u503c<\/li>\n<li>minRange: 20 \u6700\u5c0f\u7bc4\u570d<\/li>\n<li>opposite: true \u986f\u793a\u65bc\u53e6\u4e00\u5074 (\u53f3\u5074)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"2523\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,228&nbsp;total views<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>display : \u6539\u8b8a\u5143\u7d20\u986f...<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"2523\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,228&nbsp;total views<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[180],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/2523"}],"collection":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2523"}],"version-history":[{"count":2,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/2523\/revisions"}],"predecessor-version":[{"id":2553,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/2523\/revisions\/2553"}],"wp:attachment":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}