Фоновое изображение не отображается без повтора

Я пытаюсь разместить небольшую иконку внутри div ValidationSummary (слева от списка маркеров). Изображение показывает вверх, но с повтором, когда я использую:Фоновое изображение не отображается без повтора

background:url(Images/exclamation.png);

изображение не отображается на всех, когда я говорю:

background:url(Images/exclamation.png) no-repeat 12px 30px;

Что я здесь отсутствует.

CSS:

.validationsummary 
    { 
    background:url(Images/exclamation.png) no-repeat 12px 30px; 
    border:1px solid #b08b38; 
    width:99%;  
    } 
.validationsummary ul 
{ 
    color:#982b12; 
    background-color:PeachPuff; 
} 
.validationsummary ul li 
{ 
padding:2px 0px 0px 15px; 
font-size:12px; 
}

ASPX:

<table width="100%"> 
<tr> 
    <td width="100%"> 
    <asp:ValidationSummary ID="vs" runat="server" CssClass="validationsummary" 
    DisplayMode="BulletList" /> 
    </td> 
</tr> 
</table> 

<table width="100%" cellspacing="10px">   
<tr> 
    <td width="11%" align="left"> 
    * Surname 
    </td> 
    <td width="18%" align="left"> 
    <asp:TextBox ID="txtSurname" runat="server" Width="93%"></asp:TextBox> 
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
    ControlToValidate="txtSurname" SetFocusOnError="true" Text="*" ForeColor="Red" 
    Display="Dynamic" ErrorMessage="Surname Is Required"></asp:RequiredFieldValidator> 
    </td> 
</tr> 
</table>

источник

2013-08-19 Ruby

Просто используйте «background-repeat: none;» ниже "background". – Robert

Вы пробовали 'no-repeat' без атрибутов позиционирования? Возможно, вы можете перемещать его за пределы экрана. – James

Кроме того, насколько велика проверка правильности отображения на экране? –

фоновое изображение: URL ('Images/exclamation.png');

background-repeat-x: no-repeat;

background-repeat-y: no-repeat;

источник

2013-08-19 10:03:29

Это свойство было недоступно. Вы ссылались на background-repeat: repeat-x no-repeat; Это не сработало – Ruby

определяют также высоту фонового изображения

.validationsummary 
    { 
    background:url(Images/exclamation.png) no-repeat 12px 30px; 
    border:1px solid #b08b38; 
    width:99%; 

    height: 200px; /* change it with your requirement */ 


    }

источник

2013-08-19 10:06:21

Попробуйте

.validationsummary 
{ 
    background:url(Images/exclamation.png) no-repeat 0 0; 
    border:1px solid #b08b38; 
    width:99%;  
}

Если он работает, положение фона соответственно.

источник

2013-08-19 10:30:12

.validationsummary 
{ 
    background-image: url('Images/exclamation.png); 
    background-repeat: no-repeat; 
    background-position: left top; 
    background-size: 16px; 
    padding-left: 20px; /* Depends on the size of the image - 16px + 4px actual padding to indent the text to the right of the image */ 
}

источник

2014-04-09 09:20:22

Фоновое изображение не отображается без повтора

ответ

Смежные вопросы