哈弗問題與填充

以下菜單項是一個示例代碼我工作：哈弗問題與填充

<%@ 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>

我有懸停的問題。 Here it is.

整個單元格會變成黃色，但不會因爲填充而變成黃色。

編輯：我刪除填充，但同樣的事情再次發生。我認爲這是因爲顯示類型。我嘗試了大多數顯示類型，但它們不便於菜單。

解決方案： Chrome在渲染某些組件時存在問題。有在線解決方案，請Google「ASP.NET chrome菜單問題」。

來源

2012-04-01 mtyurt

您的代碼工作正常。 – 2012-04-01 11:46:48

不，它沒有。將鼠標移到菜單項上，靠近邊框。項目周圍的矩形變成黃色，而不是整個項目。我希望整個項目變成黃色。 – mtyurt 2012-04-01 12:32:05

我從複製HTML代碼中獲得了它。我改變的唯一方法是在「.menu：hover」類中添加一個缺失的右括號。

我在Firefox和Internet Explorer 8

填充測試的網頁不應該引起與黃色懸停任何問題。你使用的是什麼瀏覽器？

來源

2012-04-01 11:44:43 sbhomra

我現在正在使用Visual Web Developer 2008和Chrome。 – mtyurt 2012-04-01 12:27:13

在我的鉻這是你的代碼輸出與填充部18px：

enter image description here

來源

2012-04-01 12:42:45

當我通過菜單項中間的光標時，會得到相同的結果。當光標接近邊框時，會出現一個黃色的矩形，它在裏面是藍色的。我刪除填充，同樣的事情發生，但更薄的矩形。 – mtyurt 2012-04-01 13:04:53

哈弗問題與填充

回答

相關問題