A JavaScript function is used to change the colors of CSS rendered images in Internet Explorer 9 and Firefox. Is there a workaround for this issue or is it related to the code on the page? You can see this in action at .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>ARROWHEAD DESIGN</title>
<link href="css/structure.css" rel="stylesheet" type="text/css" />
<link href="css/design.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link href="" rel="stylesheet" type="text/css" />
<![endif]-->
<?php
include('includes/meta.php');
?>
<style type="text/css">
div#menu {
width: 880px;
height: 65px;
float: top;
margin:0px
}
div#main {
margin-left: 0%;
margin-right: 0%;
margin-top: 1px;
padding: 10px;
}
div#footer {
padding: 15px;
margin: 0px;
border-bottom: thin solid #000000;
}
</style>
//these are the functions that are activated by select options//
<script type="text/javascript">
function colorchange1()
{
document.getElementById("box-a").style.backgroundColor="grey";
document.getElementById("box-a2").style.backgroundColor="grey";
}
// More functions for changing colors
</script>
<?php
include('includes/header-menu.php');
?>
</head>
<body>
//these are the css images//
<style type="text/css">
// CSS styles for images and colors
</style>
<h1>YOU HAVE CHOOSEN THE ARROWHEAD DESIGN</h1><br><br>
If you are viewing this page using<br>
Internet Explorer 8 or earlier,<br>
please except or apologies.<br>
We are aware that the painting function<br>
is not working in these browsers and we<br>
are working on the problem.<br>
Thank You!<br><br><br>
<h2><b>NOW CHOOSE YOUR TYPE OF BOARDS</b></h2>
<br>
<br>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
// Form for selecting board type
</div>