小编Bla*_*ckJ的帖子

IE z-index和位置问题

我有IE 8和IE 7 z-index,position和其他问题.我在http://jsfiddle.net/KeEPF/上举了一些这些问题的例子.如果您通过Chrome,Mozilla或其他浏览器查看,您会发现大图片上方有链接(带链接#imagemap2).在IE8和IE7上,此图像始终位于顶部,您无法单击链接.

我该如何解决这个问题?

这是代码:

<div id="splashbar"> 
    <div id="left_content_text"> 
        <img src="#" alt="facebook" /> 
        <h2> <a href="" style="color:#fff; text-decoration:none;">test</a></h2> 
        Lorem ipsum dolor sit amet, con tetur adipiscing elit. Etiam tincidu molestie justo, vitae dignissim me scelerisque vel. Proin vitae nibh arcu vulpu tate vehicula.<br/> 
    </div> 
    <div id="splashimages"> 
        <a href="#full_header_link" class="full_header_link"> 
            <img width="738" height="191" src="tet" class="attachment-post-thumbnail wp-post-image" alt="header_forside" title="header_forside" />                                            </a> 
        <a href="#imagemap1" style="width:100px;height:100px;left:0px; top:10px" class="imagemap_header_link"> </a> 
        <a href="#imagemap2" style="width:100px;height:100px;right:0px; top:10px" class="imagemap_header_link"></a> 
    </div> 
    <div …
Run Code Online (Sandbox Code Playgroud)

css internet-explorer

3
推荐指数
1
解决办法
1706
查看次数

标签 统计

css ×1

internet-explorer ×1