Javascript 不透明度脚本/背景图像使用chrome而不是IE 11_Javascript_Css_Html

Javascript 不透明度脚本/背景图像使用chrome而不是IE 11

javascript css html

Javascript 不透明度脚本/背景图像使用chrome而不是IE 11,javascript,css,html,Javascript,Css,Html,我有跨浏览器兼容性问题基本上，所需的效果是，正方形的不透明度为onmouseout=0.5，onmouseover=1。单击这些方块后，将重定向到页面这段代码在Chrome上可以正常工作，但在IE 11上却无法显示背景图像。我还注意到onmouseout/onmouseover的不透明度函数不起作用 <html> <head> <script> function bigImg(x) {

我有跨浏览器兼容性问题

基本上，所需的效果是，正方形的不透明度为onmouseout=0.5，onmouseover=1。单击这些方块后，将重定向到页面

这段代码在Chrome上可以正常工作，但在IE 11上却无法显示背景图像。我还注意到onmouseout/onmouseover的不透明度函数不起作用

<html>

    <head>
        <script>
            function bigImg(x) {
                x.style.opacity = "1";
            }

            function normalImg(x) {
                x.style.opacity = "0.5";
            }
        </script>
        <style type="text/css">
            table.imagetable {
                font-family: verdana, arial, sans-serif;
                font-size:11px;
                color:#FFFFFF;
                border-width: 3px;
                border-color: #FFFFFF;
                table-layout: fixed;
            }
            table.imagetable th {
                border-width: 3px;
                padding: 3px;
                border-style: solid;
                border-color: #FFFFFF;
                border-spacing: 3px;
                width: 200px;
                height: 200px;
            }
            table.imagetable td {
                border-width: 3px;
                padding: 3px;
                border-style: solid;
                border-color: #FFFFFF;
                border-spacing: 3px;
                width: 200px;
                height: 200px;
            }
            table.imagetable td:hover {
                cursor: pointer;
                cursor: hand;
            }
            #app1 {
                background-image: url("http://gprgeo@www.gprairborne.com/images/airborne/blue.png");
            }
            #app2 {
                background-image: url("http://gprgeo@www.gprairborne.com/images/airborne/blue2.png");
            }
            #app3 {
                background-image: url("http://gprgeo@www.gprairborne.com/images/airborne/blue3.png");
            }
            #app4 {
                background-image: url("http://gprgeo@www.gprairborne.com/images/airborne/blue4.png");
            }
            #app5 {
                background-image: url("http://gprgeo@www.gprairborne.com/images/airborne/blue5.png");
            }
        </style>
    </head>
    <table class="imagetable">
        <tr>
            <td id="app1" onmouseover="bigImg(this)" onmouseout="normalImg(this)" onClick="javascript:location.href='http://www.google.com';"></td>
            <td id="app2" onmouseover="bigImg(this)" onmouseout="normalImg(this)" onClick="javascript:location.href='http://www.google.com';"></td>
            <td id="app3" onmouseover="bigImg(this)" onmouseout="normalImg(this)" onClick="javascript:location.href='http://www.google.com';"></td>
        </tr>
        <tr>
            <td id="app4" onmouseover="bigImg(this)" onmouseout="normalImg(this)" onClick="javascript:location.href='http://www.google.com';"></td>
            <td id="app5" onmouseover="bigImg(this)" onmouseout="normalImg(this)" onClick="javascript:location.href='http://www.google.com';"></td>
        </tr>
    </table>

</html>

编辑：

好了，现在一切都正常了，图像的路径被阻塞了，因为它们是从正在建设的网站提供的，需要登录。IE 11有这样的问题，即使登录浏览器，chrome也没有。请参阅下面的JSFIDLE以了解所需的工作效果

不透明度值不是字符串-你试过使用实际数字吗？@AlienWebguy，嘿，这是真的，我刚刚更改了它，但它仍然没有显示在IE 11上。。