代码之家  ›  专栏  ›  技术社区  ›  Drew Rich

为什么在IE6中使用position:relative时div会消失?

  •  4
  • Drew Rich  · 技术社区  · 16 年前

    我没有为这个特殊的div应用边距,没有浮动,更令人恼火的是它在不同的页面上工作。以下是css规则的代码:

    #prizedraw-fliemore{
        position: relative;
        top: 164px;
        left: -720px;
        z-index: 3000;
    }
    

    页面代码为:

    <div id="column-left-content"> 
        <p class="height"><strong>Learn more about CAREFREE&reg; pantyliners and discover how they can help you feeling clean, fresh and protected all day long.</strong></p> 
    </div> 
    
    <div id="column-right-content"> 
        <p><strong>Free to be me</strong> has been put together for you by the thoughtful makers of CAREFREE&reg;, who design feminine hygiene products to give you all the protection you need.<br /><br /> 
    
    Now that you've reached puberty, there are things you need to know that you might not know already. CAREFREE&reg; has the answers to some of the questions you might just be asking...
    </p> 
    </div> 
    
            <div id="car-boxes"> 
    
                <div class="car-nav"> 
                    <div class="container"> 
                        <a class='example5' href="lb/why.html" style="border:none;" rel="group"><img src="images/carefree/pantyliners.png" class="bw" style="border:none;" /></a> 
                        <img src="images/carefree/pantyliners-y.png" class="colour" alt="" /> 
                    </div> 
                </div> 
    
                <div class="car-nav"> 
                    <div class="container"> 
                        <a class='example5' href="lb/discharge.html" style="border:none;" rel="group"><img src="images/carefree/discharge.png" class="bw" style="border:none;" /></a> 
                        <img src="images/carefree/discharge-y.png" class="colour" alt="" /> 
                    </div> 
                </div> 
                <br /> 
                <div class="car-nav"> 
                    <div class="container"> 
                        <a class='example5' href="lb/difference.html" style="border:none;" rel="group"><img src="images/carefree/difference.png" class="bw" style="border:none;" /></a> 
                        <img src="images/carefree/difference-y.png" class="colour" alt="" /> 
                    </div> 
                </div> 
    
                <div class="car-nav"> 
                    <div class="container"> 
                        <a class='example1' href="lb/right.html" style="border:none;" rel="group"><img src="images/carefree/right.png" class="bw" style="border:none;" /></a> 
                        <img src="images/carefree/right-y.png" class="colour" alt="" /> 
                    </div> 
                </div> 
            </div> 
    
    <div id="prizedraw-car"> 
        <a href="enter.php"><img src="images/prizedraw.png" alt="Read More" /></a> 
    </div> 
    
        </div> 
        <script type="text/javascript"> 
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
            </script> 
            <script type="text/javascript"> 
            try {
            var pageTracker = _gat._getTracker("UA-2268991-20");
            pageTracker._trackPageview();
            } catch(err) {}
        </script> 
    </body> 
    </html>
    
    3 回复  |  直到 13 年前
        1
  •  3
  •   Paolo    16 年前

    您是否可以通过临时将top/left设置为0px并查看它显示的位置来显示它?

    编辑-只是在我的一个网站上查找了一些类似的代码。

        2
  •  1
  •   Shahar    13 年前

    试着设置 position: relative 在要定位的元素的父div上。 这听起来很奇怪,因为通常绝对元素需要相对父元素。

    但我发现,对于旧版本的IE,如果你有一个“消失的相对div”,那么让它的“父相对”也可以解决一些问题。

        3
  •  0
  •   pixeltocode    16 年前