asp.net - div 内的图片在 IE 中无法点击

Question

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

问题是这个 HyperLink(hpRecord) 适用于“posts_listDiv”的所有表面，除了在 IE 9 中不可点击的两个图像。

我测试了该代码并在除 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;         
}

Answer 1

为“posts_listDiv”父 div 添加样式。

.parent {
    display: block;
}