Asp.net Css Hover bug

Question

Я работаю на форуме в Asp.net, и проблема у меня в том, что когда я наводил курсор на мой div с помощью мыши, он делает все подробности прямо от непрозрачности до подчеркнутого текста, но когда я переместите курсор в сторону от div, он не возвращается к предыдущему состоянию «нормальное состояние».

Я создаю свой код на обычной странице html, и все работает нормально, и когда я интегрирую его в свой шаблон Asp.net, он начинает делать эту ошибку. Я знаю, что это может быть много, я проверил все CSS шаблона, и все выглядит прекрасно, их не должно быть конфликтов, но я, должно быть, что-то пропустил. Я не могу поместить весь код с тех пор, как он много строк CSS и HTML, поэтому вот его часть. Надеюсь, вы, ребята, можете дать мне несколько указателей.

CSS

ul { 
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
} 

#content { 
    background-color: white; 
    margin-top: 15px; 
    padding: 10px; 
    height: 1200px; 
} 

    #content h2 { 
     font-family: Tahoma, Arial, Helvetica, sans-serif; 
     font-size: 23px; 
     color: black; 
     margin: 0; 
     margin-top: 10px; 
    } 

    #content p { 
     font-family: "Tahoma", Arial, Helvetica, sans-serif; 
     font-size: 13px; 
     padding-left: 15px; 
     margin: 0; 
     width: 90%; 
    } 



.forum-group { 
    width: 948px; 
    height: 259px; 
    margin-left: auto; 
    margin-right: auto; 
} 

.header-2 { 
    width: 948px; 
    height: 35px; 
} 

.child-forum { 
    width: 310px; 
    height: 106px; 
    float: left; 
    background-image: url('images/forum-child-background2.jpg'); 
    opacity: 0.9; 
    filter: alpha(opacity=90); 
    margin-left: 6px; 
    margin-bottom: 4px; 
    border-radius: 10px; 
} 

    .child-forum:hover { 
     opacity: 1.0; 
     filter: alpha(opacity=100); 
    } 

.child-forums { 
    width: 948px; 
    height: 219px; 
} 

.forum-link { 
    width: 309px; 
    height: 106px; 
    display: inline-block; 
} 

.forum-icon { 
    width: 60px; 
    height: 60px; 
    display: inline-block; 
    background-image: url('images/hot_forum.png'); 
} 

.forum-details { 
    width: 220px; 
    height: 43px; 
    display: inline-block; 
} 

.forum-title { 
    width: 217px; 
    height: 18px; 
    display: inline-block; 
    color: white; 
    font-size: 16px; 
    margin-left: 10px; 
} 

.forum-desc { 
    width: 217px; 
    height: 15px; 
    display: inline-block; 
    color: grey; 
    font-size: 12px; 
    margin-left: 10px; 
} 

HTML Содержимое страницы

<%@ Page Title="" Language="C#" MasterPageFile="~/masterPage.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="aspnetw24prise2.Default" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> 
    <link rel="stylesheet" href="css/skel.css" /> 
    <link rel="stylesheet" href="css/style.css" /> 
    <link rel="stylesheet" href="css/style-desktop.css" /> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 

    <div id="content"> 
     <br /><br /> 
     <div class="forum-group"> 
      <h2 class="header-2">Community</h2> 
      <ul class="child-forums"> 
       <li class="child-forum"> 
        <a class="forum-link" href="#"> 
         <span class="forum-icon"></span> 
         <span class="forum-details"> 
          <span class="forum-title">General Discussion</span> 
          <span class="forum-desc">Discuss about cars</span> 
         </span> 
        </a> 
       </li> 
       <li class="child-forum"> 
        <a class="forum-link" href="#"> 
         <span class="forum-icon"></span> 
         <span class="forum-details"> 
          <span class="forum-title">Latest News</span> 
          <span class="forum-desc">Talk about new stuff</span> 
         </span> 
        </a> 
       </li> 
       <li class="child-forum"> 
        <a class="forum-link" href="#"> 
         <span class="forum-icon"></span> 
         <span class="forum-details"> 
          <span class="forum-title">Rules</span> 
          <span class="forum-desc">Important for new members</span> 
         </span> 
        </a> 
       </li> 
       <li class="child-forum"> 
        <a class="forum-link" href="#"> 
         <span class="forum-icon"></span> 
         <span class="forum-details"> 
          <span class="forum-title">Events</span> 
          <span class="forum-desc">Stay in touch</span> 
         </span> 
        </a> 
       </li> 
       <li class="child-forum"> 
        <a class="forum-link" href="#"> 
         <span class="forum-icon"></span> 
         <span class="forum-details"> 
          <span class="forum-title">Media</span> 
          <span class="forum-desc">Videos & pictures</span> 
         </span> 
        </a> 
       </li> 
       <li class="child-forum"> 
        <a class="forum-link" href="#"> 
         <span class="forum-icon"></span> 
         <span class="forum-details"> 
          <span class="forum-title">FAQ</span> 
          <span class="forum-desc">Get answers</span> 
         </span> 
        </a> 
       </li> 
      </ul> 
     </div> 
</asp:Content> 

Answer 1

просто хочу, чтобы проверить ... Вы '.child-форум' установлен в 'непрозрачности: 0.9'. это почти то же самое, что и непрозрачность наведения.

установить '.child-forum' на 0 и дважды проверить, что он действительно не работает. может быть трудно сказать. (?)