Кнопка ASP.Net не будет отображать фоновое изображение

Я проверил большинство связанных вопросов здесь по этой теме, а также на форумах asp.net, и я застрял. У меня есть следующие в одном из моих страниц .aspx:Кнопка ASP.Net не будет отображать фоновое изображение

<asp:button ID="btnAdmin" runat="server" Width="70px" Height="30px" 
    Text="Admin" 
    ToolTip="Facilities for administrators" 
    CssClass="buttonStyleAdmin"> 
</asp:button>

У меня есть следующие в моем файле .css:

.buttonStyleAdmin 
{ 
background-color: transparent; 
background-image: url('imgBlue-button-base.png'); 
font-size: 1.0em; 
cursor: pointer; 
}

Я понимаю синтаксис URL должен быть относительно расположения CSS файл. После некоторых испытаний с URL-адресом, указывающим на каталог изображений в Интернете, я сдал и скопировал указанный выше .png-файл в корень сети; то есть он находится рядом с самим файлом .css.

Я использовал инструменты разработчика Google и Firebug в Firefox, и соответствующие правила CSS выглядят правильными. То есть, я могу нависнуть над разделом инструмента и разрешить URL-адрес таким образом, чтобы отображалось изображение. GoogleChromeDeveloperTool-view

Вот вид Firebug оказанной страницы: enter image description here

Если я могу получить это, чтобы решить как с файлом .png и файл .css в корне сайта, то я d хотел бы изменить ссылку на папку с изображениями, где собраны все остальные изображения, но при этом не удается выполнить оба файла в корневом каталоге Интернета, я, очевидно, нуждаюсь в советах о том, что может быть неправильным. Я использую Visual Studio 2008 на веб-сервере под управлением .Net Framework 3.5 (Windows Server 2003).

источник

2013-08-09 John Adams

Попробуйте положить

display: block; 
background-position: 0px 0px;

в .buttonStyleAdmin.

Я поместил ваш код/css в пустой проект, и он отлично работал с изображением владельца места.

Если это не так, если у вас есть рекламный блок, попробуйте отключить его. Извиняюсь, если вы пробовали это, но вы не указали, что вы уже пробовали из других форумов/форумов ASP.

источник

2013-08-09 01:47:41 Ieuan

спасибо за идею. Я попробовал это и никаких реальных изменений (кроме перемещения самой кнопки). Изображение по-прежнему не отображается в качестве фона элемента . Я никогда не слышал об adblock, но после поиска, я не думаю, что у меня это есть. Если это расширение Chrome, у меня его нет. То же самое с Firefox. Короче говоря, я не думаю, что у меня есть рекламный блок. Спасибо за ваш интерес. Любые другие идеи. Из того, что я показал вам, я полагаю, вы думаете, что это должно работать, правильно? –

Да, насколько я могу судить, я взял ваш точный код и поместил его в VS, и он работал нормально. Будет ли кнопка «Изображение» работать для вас? – Ieuan

Я использую Visual Studio 2008 и, следовательно, CSS 2.0, насколько я могу судить. Является ли ваш ВС одинаковым? –

Вот что я придумал, что работает:

<asp:button id="btnAdmin" runat="server" 
    Text="Admin" 
    ToolTip="Facilities for administrators" 
    CssClass="coolbutton"> 
</asp:button>

И КСС:

.coolbutton 
{ 
-moz-border-radius: 1em; 
-webkit-border-radius: 1em; 
border-radius: 1em; 
background-image: url(images/imgBlue-button-base.jpg); 
background-position: center; 
color: White; 
cursor:pointer; 
} 
.coolbutton:hover 
{ 
-moz-border-radius: 1em; 
-webkit-border-radius: 1em; 
border-radius: 1em; 
background-image: url(images/imgBlue-button-baseOn.jpg); 
background-position: center; 
color: Black; 
cursor:pointer; 
}

источник

2013-08-15 00:30:59

Кнопка ASP.Net не будет отображать фоновое изображение

ответ

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