图像后面的超链接适用于chrome和firefox,但不适用于ie

时间:2013-05-02 08:36:16

标签: html image internet-explorer google-chrome hyperlink

提前感谢我希望这是一个相对简单的问题。首先,我是接管电子商务网站的新编程。

在我的主页上,我有一个横幅,显示了一些旋转的图像。我认为这是一个nivoslider或包装。横幅中的每个图像背后都是指向带有产品等的商店页面的超链接。出于某种原因,超链接在Internet浏览器上不起作用,但它在Chrome和Firefox上有效

我已经搜索并看过类似的问题,但因为我是编程的菜鸟我不知道如何更改IE的代码才能工作。

以下是当前代码:

    <!-- MainPageBody //-->     

    <div id="BannerFrame-Left" style="background-image:url(images/banners/BannerFrame.png);      width:15px; height:426px; position:absolute; top:-43px; left:-12px; z-index:10;"></div>

    <div id="BannerFrame-Top" style="background-image:url(images/banners/BannerFrame.png); width:768px; height:50px; position:absolute; top:-43px; left:3px; z-index:10; background-position:-15px 0px;""></div>

    <div id="BannerFrame-Right" style="background-image:url(images/banners/BannerFrame.png); width:15px; height:426px; position:absolute; top:-43px; left:771px; z-index:10; background-position:-783px 0px;"></div>

    <div id="BannerFrame-Bottom" style="background-image:url(images/banners/BannerFrame.png); width:768px; height:50px; position:absolute; top:333px; left:3px; z-index:10; background-position:-15px -376px;"></div>


   <div id="nivoslider-wrapper" class="nivoslider-wrapper">
        <div class="slider-wrapper theme-default">
            <div class="ribbon"></div>
            <div id="slider" class="nivoSlider">
                 <a href="/Store/index.php/cPath/21"><img src="images/banners/Banner_Serendipi.jpg" alt=""/></a>                                    
                <a href="http://www.facebook.com/Serendipi" target="_blank"><img src="images/banners/Banner_Facebook.jpg" alt=""/></a>                 
                <a href="/Shop/index.php?manufacturers_id=30"><img src="images/banners/Banner_Mehron.jpg" alt=""/></a>
                <a href="/Shop/index.php?manufacturers_id=32"><img src="images/banners/Banner_BadAss.jpg" alt=""/></a>      
                <a href="/Shop/shipping.php"><img src="images/banners/Banner_NowShippingGlobally.jpg" alt=""/></a>
                </div>                         
     </div>
    </div>    

<!--<div style="position:absolute; top:380px; bottom:0px">
    <div class="MainContentHeading">What's New?</div>
    <?php
        //include(DIR_WS_MODULES . 'new_products_home.php'); 
    ?>
    </div>-->

    <script type="text/javascript" src="includes/functions/nivoslider/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
            effect: 'fade',
            pauseTime: 5000                 
            });
    });
    </script>

    <!-- MainPageBody_eof //--> 
    <?php 
  require(DIR_WS_INCLUDES . 'footer.css.php');
  require(DIR_WS_INCLUDES . 'application_bottom.php'); <!-- MainPageBody //-->  

非常感谢任何帮助。

干杯 NN

0 个答案:

没有答案
相关问题