After successfully programming a website with the FullPage Slider from this source, everything was working fine except in Firefox. Specifically, one section containing a table with image overlay hover effects from these effects library was not functioning properly in Firefox, even though it should.
Let's dive into the code.
HTML:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title class="uppercase">MY HOMEPAGE</title>
// CSS and JavaScript links
<!-- css -->
<noscript>
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=ErrorPage.html">
</noscript>
</head>
<body>
// Content and styling for the website
</body>
</html>
CSS:
#section1.section .tableReferences {
// CSS styling for the table section
}
// Other CSS styling for different sections within the table
/* Test */
.myScreen {
// Additional CSS styling for testing purposes
}
https://i.sstatic.net/eWb2F.jpg
https://i.sstatic.net/TlEpa.png
I have spent countless hours trying to resolve this issue and any help would be greatly appreciated. Thank you.