Webpage: Remove JS test, use @supports.

This commit is contained in:
ccd0 2015-03-12 04:11:45 -07:00
parent 12c68e732b
commit cb895a0828
2 changed files with 13 additions and 14 deletions

View File

@ -42,8 +42,5 @@ for (var i = 0; i < document.links.length; i++) {
link.addEventListener('click', storeInstall, false); link.addEventListener('click', storeInstall, false);
} }
} }
if (!('pointer-events' in document.documentElement.style)) {
document.documentElement.className = 'workaround';
}
</script> </script>
</body></html> </body></html>

24
web.css
View File

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