Webpage: Workaround for pointer-events nonsupport.

template.jst

@@ -15,7 +15,7 @@
 <a href="https://github.com/ccd0/4chan-x/issues">Report Bugs</a>
 </div>
 </div>
-<a class="screenshot" href="img/screenshot.png"><img src="img/screenshot.png" alt="screenshot"></a>
+<a class="screenshot" href="img/screenshot.png"><img src="img/screenshot.png" alt="Screenshot"></a>
 <%= content.match(/<\/h1>([^]*)<h2 id="more-information"/)[1] %>
 <script>
 function imagePreview() {
@@ -42,5 +42,8 @@ for (var i = 0; i < document.links.length; i++) {
     link.addEventListener('click', storeInstall, false);
   }
 }
+if (!('pointer-events' in document.documentElement.style)) {
+  document.documentElement.className = 'workaround';
+}
 </script>
 </body></html>

web.css

@@ -69,6 +69,18 @@ span.hover > img {
   max-height: 100%;
   box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
 }
+:root.workaround a[href$=".png"] {
+  position: relative;
+}
+:root.workaround a[href$=".png"]::after {
+  content: " ";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+}
 h2 ~ p, h2 ~ p + ul {
   margin-left: 1em;
 }