{"id":1171,"title":"CSS\u3067\u30ea\u30f3\u30af\u3092\u7121\u52b9\u5316\u3059\u308b\u3044\u308d\u3044\u308d\u306a\u65b9\u6cd5","slug":"2016-12-17","date":"2016\u5e7412\u670817\u65e5","voting":{"good":"","bad":""},"modified":"2023\u5e7408\u670817\u65e5","tags":[{"name":"CSS","slug":"css"},{"name":"Web","slug":"web"},{"name":"WebDev","slug":"webdev"}],"content":"<div class=\"separator\" style=\"clear: both; text-align: center;\"><a\n      href=\"https:\/\/1.bp.blogspot.com\/-61tSJCont-I\/WFUQ8A_lZ6I\/AAAAAAAAgiA\/8fCWDwJbL6MbpAZ8ZHybuHlQEFzYHpoLQCLcB\/s1600\/CSS%25E3%2581%25A6%25E3%2582%2599%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF%25E3%2582%2592%25E7%2584%25A1%25E5%258A%25B9%25E5%258C%2596%25E3%2581%2599%25E3%2582%258B%25E3%2581%2584%25E3%2582%258D%25E3%2581%2584%25E3%2582%258D%25E3%2581%25AA%25E6%2596%25B9%25E6%25B3%2595.001.jpeg\"\n      imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img border=\"0\"\n      src=\"https:\/\/1.bp.blogspot.com\/-61tSJCont-I\/WFUQ8A_lZ6I\/AAAAAAAAgiA\/8fCWDwJbL6MbpAZ8ZHybuHlQEFzYHpoLQCLcB\/s1600\/CSS%25E3%2581%25A6%25E3%2582%2599%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25AF%25E3%2582%2592%25E7%2584%25A1%25E5%258A%25B9%25E5%258C%2596%25E3%2581%2599%25E3%2582%258B%25E3%2581%2584%25E3%2582%258D%25E3%2581%2584%25E3%2582%258D%25E3%2581%25AA%25E6%2596%25B9%25E6%25B3%2595.001.jpeg\"\n      \/><\/a><\/div>\u307f\u306a\u3055\u3093\u3053\u3093\u306b\u3061\u306f2001Y\uff08<a href=\"https:\/\/twitter.com\/Y20010920T\" target=\"_blank\" rel=\"noopener\">@Y20010920T<\/a>\uff09\u3067\u3059\u3002<br>\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u753b\u50cf\u3060\u3051\u3001\u30ea\u30f3\u30af\u3092\u7121\u52b9\u5316\u3057\u305f\u304b\u3063\u305f\u306e\u3067\u8abf\u3079\u3066\u898b\u307e\u3057\u305f\u3002\u305d\u3057\u305f\u3089\u3001CSS\u3060\u3051\u3067\u3067\u304d\u308b\u3093\u3067\u3059\u306d\u3002\uff08\u3067\u304d\u308b\u3068\u601d\u3063\u3066\u307e\u3057\u305f\u3051\u3069w\uff09<br>\u50d5\u306f\u5358\u7d14\u306a\u30ea\u30f3\u30af\u7121\u52b9\u5316\u304c\u3057\u305f\u304b\u3063\u305f\u306e\u3067\u3059\u304c\u4ed6\u306b\u3082\u8272\u3005\u3042\u3063\u305f\u306e\u3067\u307e\u3068\u3081\u3066\u898b\u307e\u3057\u305f\u3002\n      <a name='more'><\/a><h2>\u30ea\u30f3\u30af\u3092\u5b8c\u5168\u306b\u7121\u52b9\u5316\u3067\u304d\u308bCSS<\/h2>\u3053\u308c\u3067\u5168\u3066\u306e\u30ea\u30f3\u30af\u6a5f\u80fd\u304c\u306a\u304f\u306a\u308a\u307e\u3059\u3002 <pre\n      class=\"css\"><br \/>.link-off {<br \/> pointer-events: none;<br \/> cursor: default;<br \/>\n      text-decoration: none;<br \/>}<br \/><\/pre><h3><span class=\"code\">pointer-events:\n      none;<\/span><\/h3>\u3053\u3053\u306e\u90e8\u5206\u304c\u4eca\u56de\u306e\u30df\u30bd\u306e\u30ea\u30f3\u30af\u6a5f\u80fd\u3092\u7121\u52b9\u5316\u3059\u308b\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002<br>\u5177\u4f53\u7684\u306b\u306f\u30af\u30ea\u30c3\u30af\u3057\u3066\u3082\u901a\u5e38\u30c6\u30ad\u30b9\u30c8\u901a\u308a\u306b\u30ea\u30f3\u30af\u3092\u958b\u304d\u307e\u305b\u3093\u3002\u3053\u308c\u3060\u3051\u3092\u5165\u308c\u308b\u3060\u3051\u3067\u3001\u307b\u304b\u306e\u4e0b\u7dda\u30fb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306a\u3069\u304c\u52b9\u3044\u3066\u3044\u3066\u3082\u30ea\u30f3\u30af\u3092\u7121\u52b9\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br>\u9006\u306b\u3001\u3069\u3093\u306a\u306b\u30c7\u30b6\u30a4\u30f3\u3092\u901a\u5e38\u30c6\u30ad\u30b9\u30c8\u901a\u308a\u306b\u3057\u3066\u3082\u3001\u3053\u306e\u30bb\u30ec\u30af\u30bf\u3092\u5165\u308c\u306a\u3051\u308c\u3070\u30ea\u30f3\u30af\u3068\u3057\u3066\u6a5f\u80fd\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002<br><h3><span\n      class=\"code\">cursor: default;<\/span><\/h3>\u3053\u3053\u3067\u51fa\u3066\u304f\u308b\u304b\u3042\u301c\n      \u3068\u3044\u3063\u305f\u611f\u3058\u3067\u3059\u304c\u3001\u30ab\u30fc\u30bd\u30eb\u3092\u901a\u5e38\u306e\u3082\u306e\u306b\u623b\u3059\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002<br>\u591a\u304f\u306e\u30d6\u30e9\u30a6\u30b6\u3067\u306f\u30ea\u30f3\u30af\u306b\u30ab\u30fc\u30bd\u30eb\u3092\u5408\u308f\u305b\u308b\u3068\u6307\u30de\u30fc\u30af\u306b\u306a\u308b\u3093\u3067\u3059\u304c\u3001\u305d\u308c\u3092\u901a\u5e38\u901a\u308a\u306b\u3057\u3066\u304f\u308c\u307e\u3059\u3002<br><h3><span\n      class=\"code\">text-decoration:\n      none;<\/span><\/h3>\u4eca\u307e\u3067\u3082\u3088\u304f\u4f7f\u3063\u3066\u304d\u305f\u3001\u4e0b\u7dda\u3092\u6d88\u3059\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002<br>\u5f53\u30d6\u30ed\u30b0\u3067\u3082\u30b5\u30a4\u30c9\u30d0\u30fc\u306a\u3069\u8a18\u4e8b\u306b\u95a2\u4fc2\u306a\u3044\u3068\u3053\u308d\u3067\u306f\u4e0b\u7dda\u3092\u6d88\u3057\u3066\u3044\u307e\u3059\u3002<br>\n      <h2>\u30d6\u30e9\u30a6\u30b6\u5bfe\u5fdc\u72b6\u6cc1<\/h2><p class=\"ciu_embed\" data-feature=\"pointer-events\"\n      data-periods=\"future_1,current,past_1,past_2\"> <a href=\"http:\/\/caniuse.com\/#feat=pointer-events\">Can I\n      Use pointer-events?<\/a> Data on support for the pointer-events feature across the major browsers from\n      caniuse.com. <\/p><h2>\u53c2\u8003<\/h2><a href=\"http:\/\/tenman.info\/labo\/css\/?p=124\" target=\"\u201d_blank\u201d\" rel=\"noopener\"><div class=\"blog-card-right\"><img alt=screenshot\n      src=http:\/\/capture.heartrails.com\/120x120?http:\/\/tenman.info\/labo\/css\/?p=124><div>\u30ea\u30f3\u30af\u3092\u7121\u52b9\u306b\u3059\u308b\u30b9\u30bf\u30a4\u30eb - CSS\n      note<\/div><img alt=hatena\n      src=http:\/\/b.hatena.ne.jp\/entry\/image\/http:\/\/tenman.info\/labo\/css\/?p=124><\/div><\/a><a href=\"https:\/\/teratail.com\/questions\/56194?whotofollow=\" target=\"\u201d_blank\u201d\" rel=\"noopener\"><div\n      class=\"blog-card-right\"><img alt=screenshot\n      src=http:\/\/capture.heartrails.com\/120x120?https:\/\/teratail.com\/questions\/56194?whotofollow=><div>HTML -\n      :first-of-type\u3067\u7279\u5b9a\u306ea\u30bf\u30b0\u306bpointer-events: none;\u3092(56194)\uff5cteratail<\/div><img alt=hatena\n      src=http:\/\/b.hatena.ne.jp\/entry\/image\/https:\/\/teratail.com\/questions\/56194?whotofollow=><\/div><\/a><h2>\u6700\u5f8c\u306b<\/h2><div\n      id=\"hitokoto-frame\"><p class=\"hitokoto-talk\"><a href=\"https:\/\/twitter.com\/Y20010920T\" target=\"_blank\" rel=\"noopener\"><span class=\"hitokoto-icon\"><img\n      src=\"https:\/\/sites.google.com\/site\/y20010920t\/file\/2001Y.png\" alt=\"myicon\" width=\"50\"\n      height=\"50\"><\/span><\/a><span\n      class=\"hitokoto-content\">CSS\u306fCSS3\u3067\u4e00\u6c17\u306b\u5f37\u5316\u3055\u308c\u3066\u6570\u304b\u304b\u306a\u308a\u5897\u3048\u307e\u3057\u305f\u3002<br>\u305d\u306e\u304a\u304b\u3052\u3067JavaScript\u3092\u4f7f\u308f\u305a\u8efd\u91cf\u3067\u52d5\u4f5c\u3059\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u304c\u3001JavaScript\u304c\u5168\u7136\u308f\u304b\u3089\u306a\u3044\uff01\u6c57<br>\u4ee5\u4e0a\u3001CSS\u3067\u30ea\u30f3\u30af\u3092\u7121\u52b9\u5316\u3059\u308b\u3044\u308d\u3044\u308d\u306a\u65b9\u6cd5\u3067\u3057\u305f\u3002<\/span><\/p><\/div>\n    "}