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);
}
}
if (!('pointer-events' in document.documentElement.style)) {
document.documentElement.className = 'workaround';
}
</script>
</body></html>

24
web.css
View File

@ -70,17 +70,19 @@ 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;
@supports not (pointer-events: none) {
a[href$=".png"] {
position: relative;
}
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;