0

谢谢阅读。

我有一个简单的问题，我无法解决。我只需要一个带有 Jquery fadeIn 和 fadeOut 效果的 html 地图。我明白了，它可以在除 IE8 之外的任何地方使用。

所以我只想添加一个已经测试过并且在 IE8 存在时工作的纯 JavaScript。

显然，我尝试编写此代码，但即使在 IE 注释后使用简单的警报也无法正常工作。

你能帮忙吗？

这是代码，谢谢！

<script type="text/javascript">var runFancy = true;</script>
            <!--[if IE]>
            <script type="text/javascript">
                runFancy = false;
                alert(runFancy);
                function showIt(name)
                {

                document.getElementById('map_image').src='immagini/distributori/8/'.concat(name).concat('.png');
                document.getElementById('map_image').style.display='block';


                }

                function hideIt()
                {

                document.getElementById('map_image').src='immagini/distributori/8/map.png';

                };

            </script>
            <![endif]-->

这是其他浏览器的代码

            <!--[if !IE]><!-->
            <script type="text/javascript">
            //alert('hi'); not working even just this
                if (runFancy) {
                    function showIt(name)
                {


                document.getElementById('map_image').src='immagini/distributori/single/'.concat(name).concat('_single.png');


                $('#mapon').fadeIn(400);



                }

                function hideIt()
                {

                $('#mapon').fadeOut(300);
                };
                }
            </script>
             <!--<![endif]-->

即使这不起作用，有什么建议吗？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body style="background-color:red">

<h1>Ciao</h1>


<!--[if IE]>
<style language="text/css">
body{background-color:black;}

</style>
<![endif]-->
</body>
</html>

不适用于每个 IE 版本。

4

2 回答 2

1

这将帮助您：

HTML：

<!doctype html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7 ]> <html lang="en" class="ie6">    <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8">    <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9">    <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
    <head></head>
    <body></body>
</html>

Javascript：

<!--[if IE 8]>
<script type="text/javascript" src="IE8.js">
<![endif]-->
于 2013-07-30T13:34:19.440 回答
0

您拥有的代码应该可以工作，但是如果您只想定位 IE 8，请使用 IE 8 而不是像这样的 IE

<!--[if IE 8]>
do stuff
<![endif]-->

编辑：删除了折旧的 jquery 解决方案

于 2013-07-30T13:34:06.900 回答