Hover Problem für Menüpunkt mit Polsterung

Hier ist ein Beispielcode arbeite ich an:Hover Problem für Menüpunkt mit Polsterung

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>Untitled Page</title> 
    <style type="text/css"> 
     .menu 
     { 
      border: 1px solid #C0C0C0; 
      color: #FFFFFF; 
      background-color: #66A6CC; 
      font-family: Cambria; 
      text-align: justify; 
      font-size: medium; 
      width: 200px; 
      padding:8px; 
      padding-left:0px; 
      text-indent:10px; 
      display:inline-table; 
     } 
     .menu:hover 
     { 
      background-color: #FFFFA6; 
      color: #000000; 
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div style="float:left; margin:10px;"> 
     <asp:Menu ID="Menu1" runat="server" StaticMenuItemStyle-CssClass="menu" > 
      <Items> 
       <asp:MenuItem Text="Menu row" Value="menurow" 
        NavigateUrl="Default2.aspx" ></asp:MenuItem> 
       <asp:MenuItem Text="Menu row" Value="menurow1" 
        NavigateUrl="Default2.aspx" ></asp:MenuItem> 
       <asp:MenuItem Text="Menu row" Value="menurow2" 
        NavigateUrl="Default2.aspx" ></asp:MenuItem> 
      </Items> 
     </asp:Menu> 
    </div> 
    </form> 
</body> 
</html>

ich ein Problem mit Hover haben. Here it is.

Die ganze Zelle sollte gelb werden, tut es aber wegen der Polsterung nicht.

EDIT: Ich entfernte Polsterung aber das gleiche passiert wieder. Ich denke es liegt am Display-Typ. Ich habe die meisten Display-Typen ausprobiert, aber sie sind für ein Menü nicht geeignet.

Lösung: Es gibt ein Problem mit Chrome zum Rendern einiger Komponenten. Es gibt Online-Lösungen, bitte Google "ASP.NET Chrome Menü Problem".

Quelle

2012-04-01 mtyurt

Code korrekt funktioniert. –

Nein, tut es nicht. Führen Sie die Maus über einen Menüpunkt, bleiben Sie in der Nähe von Grenzen. Ein Rechteck um den Gegenstand wird gelb, nicht der gesamte Gegenstand. Ich möchte, dass der gesamte Artikel gelb wird. – mtyurt

Ich habe es funktioniert vom Kopieren Ihres HTML-Codes. Das einzige, was ich geändert habe, war, der Klasse ".menu: hover" eine fehlende schließende Klammer hinzuzufügen.

testete ich die Seite in Firefox und Internet Explorer sollte 8.

Padding keine Probleme mit dem gelben schweben verursacht werden. Welchen Browser benutzen Sie?

Quelle

2012-04-01 11:44:43 sbhomra

Ich verwende derzeit Visual Web Developer 2008 und Chrome. – mtyurt

dies Ihre Code-Ausgabe in meinem Chrom mit Polsterung 18px:

enter image description here

Quelle

2012-04-01 12:42:45

Wenn ich den Cursor in der Mitte des Menüpunktes übergebe, erhalte ich das gleiche Ergebnis. Wenn sich der Cursor in der Nähe von Grenzen befindet, wird ein gelbes Rechteck angezeigt, das blau ist. Ich entfernte die Polsterung, das gleiche passiert aber ein dünneres Rechteck. – mtyurt

Hover Problem für Menüpunkt mit Polsterung

Antwort

Verwandte Themen