my website works in IE but not firefox
this is my web page: http://www.andrew-leonard.co.uk/Mallorca/mallorca%20ferns.htm
It usess css to define layers and javascript to show and hide the layers. It uses a dhtml menu system by Milonic to execute the javascript
This is part of the code for the layers:
<style type="text/css">
#Layer01 {position: absolute; left: 300px; top: 50px; z-index:1;}
...........
#Layer33 {position: absolute; left: 300px; top: 50px; z-index:33;}
</style>
This is part of the javascript to show/hide the layers:
<script>
function showlayer(layer){
var myLayer = document.getElementById(layer).style.display;
if(myLayer=="none"){
document.getElementById(layer).style.display="block";
} else {
document.getElementById(layer).style.display="none";
}
}
</script>
It works OK in IE but not firefox
由cor-el于修改
被采纳的解决方案
If you check Firefox's Web Console (Ctrl+Shift+K) it'll tell you any errors it's finding and the line of code it's finding it on. The problem it seems to be having up front is that IDs are case-sensitive - "layer02" is not the same as "Layer02", for example.
There may be further errors once it's past that, but all the current browsers come with the tools you need to weed out any further issues.
Further Javascript reference: https://developer.mozilla.org/en-US/docs/JavaScript
定位到答案原位置 👍 0所有回复 (2)
选择的解决方案
If you check Firefox's Web Console (Ctrl+Shift+K) it'll tell you any errors it's finding and the line of code it's finding it on. The problem it seems to be having up front is that IDs are case-sensitive - "layer02" is not the same as "Layer02", for example.
There may be further errors once it's past that, but all the current browsers come with the tools you need to weed out any further issues.
Further Javascript reference: https://developer.mozilla.org/en-US/docs/JavaScript
Thank you that seems to be the problem