I am not able to use the opacity property in Firefox, opera , safari, or chrome
when I run the example below the opacity only changes in IE. I have javaScript enabled in all my other browsers is the something else I could be doing wrong?
<!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">
<head>
<title>Click the Button to Animate different properties</title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
</script>
<style type="text/css">
#block
{
background-color: #bca;
width: 100px;
border: 1px solid green;
}
</style>
</head>
<body>
<button id="go">
» Run</button>
<br />
<div id="block">
Hello!</div>
<script language="javascript" type="text/javascript">
// Using multiple unit types within one animation.
$("#go").click(function()
{
$("#block").animate({
width: "70%",
opacity: 0.1,
marginLeft: "0.6in",
fontSize: "3em",
borderWidth: "10px"
}, 1500);
});
</script>
</body>
</html>