{"id":1504,"date":"2019-10-02T10:46:58","date_gmt":"2019-10-02T02:46:58","guid":{"rendered":"http:\/\/jilin.hydesign.tw\/?p=1504"},"modified":"2021-10-23T21:14:03","modified_gmt":"2021-10-23T13:14:03","slug":"css-pointer-events","status":"publish","type":"post","link":"http:\/\/jilin.hydesign.tw\/index.php\/2019\/10\/02\/css-pointer-events\/","title":{"rendered":"CSS pointer-events \u7a7f\u900f"},"content":{"rendered":"\n<p>\u91cd\u758a\u7269\u4ef6\u900f\u660e\u5316\uff0c\u5c6c\u6027<\/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=\"\">\/* Keyword values *\/\npointer-events: auto;\npointer-events: none;\npointer-events: visiblePainted; \/* SVG only *\/\npointer-events: visibleFill;    \/* SVG only *\/\npointer-events: visibleStroke;  \/* SVG only *\/\npointer-events: visible;        \/* SVG only *\/\npointer-events: painted;        \/* SVG only *\/\npointer-events: fill;           \/* SVG only *\/\npointer-events: stroke;         \/* SVG only *\/\npointer-events: all;            \/* SVG only *\/\n\n\/* Global values *\/\npointer-events: inherit;\npointer-events: initial;\npointer-events: unset;<\/pre>\n\n\n\n<p>pointer-events: none;<br>\u904b\u7528\u5728\u7269\u4ef6\u906e\u4f4f\u6309\u9215\u6642\u53ef\u7a7f\u900f\u89f8\u767chover <\/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=\"\">.box01 {\n  width:50px;\n  height:50px;\n  background: rgba(0, 128, 255, 0.8);\n  margin: 20px;\n  z-index: 3;\n}\n.box02 {\n  width:50px;\n  height:50px;\n  background: rgba(255, 102, 0, 0.8);\n  margin: -55px 45px 20px;\n  z-index: 2;\n  pointer-events: none;\n}\n.box01:hover{\n  background: rgba(134,0, 255, 0.8);\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u91cd\u758a\u7269\u4ef6\u900f\u660e\u5316\uff0c\u5c6c\u6027 pointer-events: none;\u904b\u7528\u5728\u7269\u4ef6\u906e\u4f4f\u6309\u9215\u6642\u53ef\u7a7f\u900f\u89f8\u767chover<\/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-1504","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\/1504","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=1504"}],"version-history":[{"count":8,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/1504\/revisions"}],"predecessor-version":[{"id":1846,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/1504\/revisions\/1846"}],"wp:attachment":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/media?parent=1504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/categories?post=1504"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/tags?post=1504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}