Почему ModalPopupExtender не работает, когда я перемещаю стиль целевой панели с жесткого кода на CSS? - PullRequest
Новая
       4

Почему ModalPopupExtender не работает, когда я перемещаю стиль целевой панели с жесткого кода на CSS?

4 голосов
/ 05 августа 2010

У меня есть ModalPopupExtender, настроенный на странице и работающий отлично. Он привязан к панели с некоторыми атрибутами стиля, жестко закодированными в его теге. Я пытаюсь извлечь все мои стили из моей разметки в CSS, но когда я перемещаю эти стили в класс, всплывающее окно не работает. Что происходит?

Стили в CSS: 

.class1
{
    border: solid 1px black;
    display: none;
    width: 700px;
    height: 400px;
    background-color: gray;
    overflow: scroll;
}
.class2
{
    background-color: White;
    height: 90%;
    width: 95%;
}
.backgroundClass
{
    background-color: gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

Группа: 

<asp:Panel ID="pnlModalContainer" runat="server"  CssClass="class1">
    <asp:Panel ID="pnlModalHandle" runat="server">
        <table cellpadding="0" cellspacing="0" border="0" width="650px">
            <tr>
                <td>
                    Content Here&nbsp;|&nbsp;
                    <asp:Label ID="lblTitle" runat="server" Text=""></asp:Label>
                </td>
            </tr>
        </table>
    </asp:Panel>
    <div style="padding-left: 25px;">
        <table cellpadding="1" cellspacing="0" border="0" class="class2">
            <tr valign="top">
                <td>
                    <asp:UpdatePanel ID="udpPopups" runat="server">
                        <ContentTemplate>
                            ...content here...
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </td>
            </tr>
            <tr valign="bottom">
                <td align="right" style="padding-bottom: 5px; padding-right: 5px;">
                    <asp:Button ID="btnModalOk" runat="server" Text="Ok" />&nbsp;&nbsp;
                    <asp:Button ID="btnModalCancel" runat="server" Text="Cancel" CausesValidation="false" />
                </td>
            </tr>
        </table>
    </div>
</asp:Panel>

И МДП: 

<cc1:ModalPopupExtender ID="mpeAction" runat="server" PopupControlID="pnlModalContainer"
TargetControlID="fakeButton" BackgroundCssClass="backgroundClass" DropShadow="false"
PopupDragHandleControlID="pnlModalHandle" RepositionMode="RepositionOnWindowResizeAndScroll" />

Это в ASP .NET 2.0. Настроить вот так, я вижу фон, но всплывающее окно не появляется. Но если я переместлю содержимое class1 вниз в разметку как стиль, это прекрасно работает. Всплывающее окно отображается через Javascript, исходящий из кода VB с использованием ScriptManager.RegisterStartupScript().

ОБНОВЛЕНИЕ: Я видел это и на других элементах управления; Элементам управления AJAX, похоже, нравятся встроенные стили, а не таблица стилей. Почему это?

1 Ответ

0 голосов
/ 19 сентября 2011

Возможно, что специфика стилей в таблице стилей ниже, чем специфика встроенных стилей.Попробуйте добавить !important в конец каждого значения свойства.Как в: 

.class1
{
    border: solid 1px black !important;
    display: none !important;
    width: 700px !important;
    height: 400px !important;
    background-color: gray !important;
    overflow: scroll !important;
}
...

Если это что-то меняет, то вам нужен «более конкретный» селектор, чем «.class1».

См .: Специфичность CSS

...