在链接内的div内的图像在IE中无法点击

时间:2012-11-12 14:24:24

标签: asp.net html css

我在ASP.NET中有以下代码。

问题是这个HyperLink(hpRecord)适用于“posts_listDiv”的所有表面,而不是IE9中无法点击的两个图像。

我测试了该代码,并且在除Internet Explorer之外的所有浏览器中都能正常运行。

<asp:Repeater ID="RepeaterCategories" runat="server">
       <ItemTemplate>                 
         <asp:HyperLink ID="hpRecord" runat="server" NavigateUrl='link'>               
           <div id="posts_listDiv" class="posts_listDiv">                                                         

             <div id="pict1Div" class="pict1Div">
                 <asp:Image ID="picture" runat="server" Width="100px"  Height="80px" ImageUrl='link'/>
             </div>                                                                                      

              <div id="pict2Div" class="pict2Div">
                 <asp:Image ID="pict2" runat="server"  Width="100px"  Height="80px" ImageUrl='link'/>                                            
               </div> 

               <div id="detailsDiv" class="detailsDiv">  
                   <%--text--%>                     
                   <%# Eval("...")%>                    
                   <br />                                                                                                                
                   <%--by user--%>                   
                   <i style="color:blue"><%# Eval("FirstName") %> </i>
                </div>
             </div>                
          </asp:HyperLink>                
       </ItemTemplate>   
     </asp:Repeater>

这是“posts_listDiv”的CSS:

.posts_listDiv
{
     background-color:red;
     margin-left:5px;
     float:left;
     width:232px;
     height:171px;
     word-wrap: break-word;
     font-size:14px;
     margin-left:8px;
     margin-top:10px;         
}

1 个答案:

答案 0 :(得分:0)

将样式添加到&#34; posts_listDiv&#34;父母div。

.parent {
    display: block;
}