Почему текст исчезает? - PullRequest
       29

Почему текст исчезает?

0 голосов
/ 03 апреля 2012

Я создал новое веб-приложение, которое дает мне главную страницу. Я изменил цвет переднего плана и цвет фона заголовка, и текст больше не отображается. Зачем? Разве цвет переднего плана не цвет текста? Если нет - как сделать Я управляю цветом текста?

Я делаю это в режиме конструктора.

Теперь я вижу, что это работает - текст - это . Но не тогда, когда я в режиме дизайна. Но отображается , если я не изменяю задний цвет div (на котором находится текст).

Как мне снова увидеть текст?

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
    <style type="text/css">
        .style1
        {
            font-family: "Segoe UI";
            color: #FF0000;
        }
    </style>
</head>
<body>
    <form runat="server">
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                    My ASP.NET <span class="style1">Application</span>
                </h1>
            </div>
            <div class="loginDisplay">
                <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
                    <AnonymousTemplate>
                        [ <a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ]
                    </AnonymousTemplate>
                    <LoggedInTemplate>
                        Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!
                        [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]
                    </LoggedInTemplate>
                </asp:LoginView>
            </div>
            <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                    </Items>
                </asp:Menu>
            </div>
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">

    </div>
    </form>
</body>
</html>

Ответы [ 4 ]

2 голосов
/ 03 апреля 2012

Перейдите к файлу site.css, и вы можете добавить цвет к «заголовку», и у вас будет значение по умолчанию:

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
    color: #FF66FF ! important;
}

. Вы можете добавить элемент цвета здесь или из представленного вами дизайна.можно указать его как

<title style="color: #FF66FF ! important;">Hello Asp.Net</title>

И вот результат, который вы получите enter image description here:

Это ваш вывод и его работа идеально, как показано ниже:

enter image description here

1 голос
/ 12 апреля 2012

Кажется, это ошибка VS.

Подробнее о том, как его дублировать, см. Почему визуальный веб-разработчик работает так, как есть (скрывает текст)? .

0 голосов
/ 03 апреля 2012

В элементах управления asp.net вы используете ForeColor, например

<asp:Label runat="server" Id="MyLabel" ForeColor="Red"

в css вы используете свойство цвета, например:

#MyLabel
{
   color:Red;
}

Если вы хотите стилизовать его встроенным, непосредственно в элементе с синтаксисом css, вы можете использовать:

<h1 style="color:Red">
  My red title
</h1>
0 голосов
/ 03 апреля 2012

Из <title> элемента? Вы не можете изменить цвет этого элемента.

...