css - overflow hidden 的 Div，无法处理聊天邀请图像脚本

Question

请帮帮我!我有一个问题。

请查看图片:http://s15.postimg.org/wyb1fs7kr/duvida.png

我有一个带有聊天图标状态的div，但是这个调用图标状态的脚本，也调用了聊天邀请的图像，聊天邀请的图像更高，它应该出现在屏幕的中心，但没有出现是因为它在带有 overflow: hidden 和 float: right 的 div 中

目前聊天邀请不会显示给访问者，因为图像比 div 大并且 div 已 overflow hidden

#topo05_aten_space .boxaten {
    width: 331px;
    height: 87px;
    position: absolute;
    display: inline;
    z-index: 5;
    background: #cd420e; 
}

#topo05_aten_space .boxaten:before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    border-top: 87px solid #cd420e; 
    border-right: 87px solid #cd420e; 
    width: 0;
}


#topo05_aten_space .iconaten{
    display: inline;
    float: right;
    right: 0;
    width: 267px;
    height: 87px;
    position: absolute;
    overflow: hidden;
    z-index: 6;
}

<div id="topo05_aten_space">
    <div class="boxaten">
    </div>
    <div class="iconaten">
        <script language="JavaScript" src="http://www.domain.com.br/atendimento/js/status_image.php?base_url=http://www.domain.com.br/atendimento&l=admin&x=1&deptid=6&"><a href="/atendimento/setup/code.php"></a></script>
    </div></div>

感谢您的帮助!

Answer 1

尝试设置

#topo05_aten_space{
    position:absolute;
}

并删除“right:0;”来自“#topo05_aten_space .iconaten”