Подменю Backcolor не покрывает весь текст - PullRequest
Новая
       67

Подменю Backcolor не покрывает весь текст

0 голосов
/ 07 февраля 2020

Я не могу получить задний цвет поверх текста для моих подменю ... Вот снимок enter image description here Мой код выглядит следующим образом: 

<asp:Menu ID="Menu1" runat="server" orientation="Horizontal" CssClass="menusetting" BorderColor="#0070C0" BorderStyle="Solid" Font-Names="Arabic Typesetting" DisappearAfter="20000" Font-Size="Large">
    <StaticHoverStyle BackColor="#999999" Width="100%" />
    <DynamicHoverStyle BackColor = "#FF99FF" Width="100%" />
    <DynamicMenuItemStyle BackColor = "#66CCFF" Width="100%" />
        <Items>
            <asp:MenuItem NavigateUrl="Nav1" Text="Home" Value="0"></asp:MenuItem>
            <asp:MenuItem NavigateUrl="Nav2" Target="_blank" Text="TAU Realtime Trading Account" Value="10"></asp:MenuItem>
            <asp:MenuItem NavigateUrl="Nav3" Text="Create Trial Account" Value="Create Trial Account"></asp:MenuItem>
            <asp:MenuItem Text="Log on" Value="Log on" NavigateUrl="Nav4"></asp:MenuItem>
            <asp:MenuItem NavigateUrl="Nav5" Text="Contact Us" Value="9997"></asp:MenuItem>
            <asp:MenuItem Text="Product Overview" Value="Product Overview">
                    <asp:MenuItem NavigateUrl="Nav6" Target="_blank" Text="Kaizen (Trade Setup)" Value="30"></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="Nav7" Target="_blank" Text="TAU Presentation" Value="9995"></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="Nav8" Text="ULTRA Elements" Value="10" Target="_blank"></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="Nav9" Text="ULTRA Events" Value="20" Target="_blank"></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="Nav10" Text="ULTRA Options" Value="40"></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="Nav11" Target="_blank" Text="ULTRA Presentation" Value="9996"></asp:MenuItem>
            </asp:MenuItem>
        </Items>
    </asp:Menu>

CSS ниже: 

.menusetting
{
    float: right !important;
    width: 100%;
}

1 Ответ

0 голосов
/ 07 февраля 2020

Скорее всего, это связано со свойством float, которое изменяет поток и размер элементов в браузере.

В наши дни плавающие объекты обычно не являются лучшими практиками для чего-либо, кроме переформатирования текста вокруг изображения или другого элемента. Почти наверняка есть другой способ позиционирования вашего меню, который не вызовет этой проблемы.

...