Фонавы малюнак кнопкі HTML

Я хачу, каб стварыць кнопку HTML з тэкстам, а таксама хачу змясціць фонавы малюнак для гэтага button.I спрабуе наступны код але тое не працуе. Я змясціў test.png ў маім каталогу WWW

<!DOCTYPE HTML>
<html>
<body>
<input type="button" name="test" value="test" style="background:url('test.png') no-repeat 0 0; width:100px;height=50px;background-color: transparent" >
</body>
</html>
1
Калі я стаўлю LOCALHOST/test.png можна ўбачыць малюнак у браўзэры ...
дададзена аўтар anand, крыніца
Я спрабаваў нешта накшталт лакальны/test.png таксама, але гэта таксама не працуе
дададзена аўтар anand, крыніца
ды яго ў тым жа ..its тэчкі ў WWW
дададзена аўтар anand, крыніца
Калі я стаўлю LOCALHOST/test.png можна ўбачыць малюнак у браўзэры ...
дададзена аўтар anand, крыніца
Калі я стаўлю LOCALHOST/test.png можна ўбачыць малюнак у браўзэры ...
дададзена аўтар anand, крыніца
вось што я хачу сказаць ... Я не раблю нічога канкрэтнага тут і гэты код павінен працаваць правільна ўсюды, і я спрабую высветліць гэтае пытанне ..
дададзена аўтар anand, крыніца
@Quentin: Я магу бачыць яго працаваць для вас, але я выкарыстоўваю той жа код і ён не працуе для мяне ..
дададзена аўтар anand, крыніца
@Quentin: Я магу бачыць яго працаваць для вас, але я выкарыстоўваю той жа код і ён не працуе для мяне ..
дададзена аўтар anand, крыніца
яго паказ мне эскіз у firebug..but ня shwoing фонавага малюнка на кнопцы
дададзена аўтар anand, крыніца
яго паказ мне эскіз у firebug..but ня shwoing фонавага малюнка на кнопцы
дададзена аўтар anand, крыніца
@Quentin упс мая віна, што ты маеш рацыю, я не праверыў кіраўніцтва. Звычайна я выкарыстоўваю гэтыя наканаваныя канстанты.
дададзена аўтар Stano, крыніца
@Quentin упс мая віна, што ты маеш рацыю, я не праверыў кіраўніцтва. Звычайна я выкарыстоўваю гэтыя наканаваныя канстанты.
дададзена аўтар Stano, крыніца
Ці з'яўляецца малюнак у той жа тэчцы, дзе ваш HTML з'яўляецца?
дададзена аўтар Dhaval Marthak, крыніца
Правяралі Ці вы кансолі ?? Я маю на ўвазе, што паказвае нармальную кнопку?
дададзена аўтар Dhaval Marthak, крыніца
@Stano - Не, даючы даўжыні для фону пазіцыі добра.
дададзена аўтар Quentin, крыніца
Не ўдаецца прайграць - dorward.me.uk/tmp/image - незалежна ад ваша праблема, гэта не выклікана чым-то, што вы апісалі ў сваім пытанні. Галасаванне, каб закрыць як "не рэальны пытанне».
дададзена аўтар Quentin, крыніца
Не ўдаецца прайграць - dorward.me.uk/tmp/image - незалежна ад ваша праблема, гэта не выклікана чым-то, што вы апісалі ў сваім пытанні. Галасаванне, каб закрыць як "не рэальны пытанне».
дададзена аўтар Quentin, крыніца
Не ўдаецца прайграць - dorward.me.uk/tmp/image - незалежна ад ваша праблема, гэта не выклікана чым-то, што вы апісалі ў сваім пытанні. Галасаванне, каб закрыць як "не рэальны пытанне».
дададзена аўтар Quentin, крыніца
@Stano - Не, даючы даўжыні для фону пазіцыі добра.
дададзена аўтар Quentin, крыніца
І ваш HTML і CSS з'яўляюцца несапраўднымі. Калі ласка, асноўны аўтаматызаванай QA . (Гэтыя памылкі не павінны рэальна паўплываць на гэтую праблему, хоць код, як паказана павінен даць жаданы эфект).
дададзена аўтар Quentin, крыніца
незалежна ад вашай праблемы, яна не выклікана чым-то, што вы апісалі ў сваім пытанні
дададзена аўтар Quentin, крыніца
незалежна ад вашай праблемы, яна не выклікана чым-то, што вы апісалі ў сваім пытанні
дададзена аўтар Quentin, крыніца
Адкрыйце яго з дапамогай Firebug або іншай прылады распрацоўніка (Chrome або Firefox), і параць у адрас вашага фону ў CSS панэлі. Інструмент павінен паказаць вам вялікі палец фону. Калі гэтага не зрабіць, гэта нешта няправільнае ў спасылцы.
дададзена аўтар Arkana, крыніца
Адкрыйце яго з дапамогай Firebug або іншай прылады распрацоўніка (Chrome або Firefox), і параць у адрас вашага фону ў CSS панэлі. Інструмент павінен паказаць вам вялікі палец фону. Калі гэтага не зрабіць, гэта нешта няправільнае ў спасылцы.
дададзена аўтар Arkana, крыніца
Ваш URL малюнка не з'яўляецца правільным
дададзена аўтар Manish Jangir, крыніца

17 адказы

<�Код> фон: URL ( 'test.png') не паўтараць 0 0; шырыня: 100px; вышыня = 50px; колер фону: празрысты

Павінна быць:

<�Код> фон: празрысты URL ( 'test.png') не паўтараць 0 0; шырыня: 100px; вышыня: 50px; "

On a side note, you should try to avoid inline style where possible.

1
дададзена
Гэтыя два радкі кода эквівалентныя. Гэта дапушчальна апускаць колер з фон ўласцівасці (у гэтым выпадку па змаўчанні ў празрысты ).
дададзена аўтар Quentin, крыніца
Пераканайцеся, што вышыня: 50px , і я магу пагадзіцца :-)
дададзена аўтар CBroe, крыніца

<�Код> фон: URL ( 'test.png') не паўтараць 0 0; шырыня: 100px; вышыня = 50px; колер фону: празрысты

Павінна быць:

<�Код> фон: празрысты URL ( 'test.png') не паўтараць 0 0; шырыня: 100px; вышыня: 50px; "

On a side note, you should try to avoid inline style where possible.

1
дададзена
Гэтыя два радкі кода эквівалентныя. Гэта дапушчальна апускаць колер з фон ўласцівасці (у гэтым выпадку па змаўчанні ў празрысты ).
дададзена аўтар Quentin, крыніца
Пераканайцеся, што вышыня: 50px , і я магу пагадзіцца :-)
дададзена аўтар CBroe, крыніца

<�Код> фон: URL ( 'test.png') не паўтараць 0 0; шырыня: 100px; вышыня = 50px; колер фону: празрысты

Павінна быць:

<�Код> фон: празрысты URL ( 'test.png') не паўтараць 0 0; шырыня: 100px; вышыня: 50px; "

On a side note, you should try to avoid inline style where possible.

1
дададзена
Гэтыя два радкі кода эквівалентныя. Гэта дапушчальна апускаць колер з фон ўласцівасці (у гэтым выпадку па змаўчанні ў празрысты ).
дададзена аўтар Quentin, крыніца
Пераканайцеся, што вышыня: 50px , і я магу пагадзіцца :-)
дададзена аўтар CBroe, крыніца

<�Код> фон: URL ( 'test.png') не паўтараць 0 0; шырыня: 100px; вышыня = 50px; колер фону: празрысты

Павінна быць:

<�Код> фон: празрысты URL ( 'test.png') не паўтараць 0 0; шырыня: 100px; вышыня: 50px; "

On a side note, you should try to avoid inline style where possible.

1
дададзена
Гэтыя два радкі кода эквівалентныя. Гэта дапушчальна апускаць колер з фон ўласцівасці (у гэтым выпадку па змаўчанні ў празрысты ).
дададзена аўтар Quentin, крыніца
Пераканайцеся, што вышыня: 50px , і я магу пагадзіцца :-)
дададзена аўтар CBroe, крыніца

try background-image instead of background

1
дададзена

try background-image instead of background

1
дададзена

try background-image instead of background

1
дададзена

try background-image instead of background

1
дададзена

паспрабуйце гэта:

<input type="button" name="test" value="test" style="background:transparent url('test.png') no-repeat 0 0; width:100px;height:50px;" />

Акрамя таго, будзьце асцярожныя з вышынёй: 50px замест вышыні = 50px

1
дададзена

паспрабуйце гэта:

<input type="button" name="test" value="test" style="background:transparent url('test.png') no-repeat 0 0; width:100px;height:50px;" />

Акрамя таго, будзьце асцярожныя з вышынёй: 50px замест вышыні = 50px

1
дададзена

паспрабуйце гэта:

<input type="button" name="test" value="test" style="background:transparent url('test.png') no-repeat 0 0; width:100px;height:50px;" />

Акрамя таго, будзьце асцярожныя з вышынёй: 50px замест вышыні = 50px

1
дададзена

вы вызначылі вышыню, як гэты вышыня = 50px; гэта няправільны сінтаксіс.

Right syntax while writing CSS in style attribute: height:50px;

<�Моцны> Рэдагавана:

Таксама праверце шлях малюнка з'яўляецца правільным ці малюнак існуе на дадзеным шляху.

0
дададзена
Толькі калі праблема заключаецца ў тым, што толькі <�я> некаторыя </я> фону паказвае ўверх.
дададзена аўтар Quentin, крыніца
Гэта праўда, але не перашкодзіла б фонавы малюнак ад прагляду.
дададзена аўтар Quentin, крыніца
Гэта дапаможа паказаць фон ..
дададзена аўтар A.K, крыніца

вы вызначылі вышыню, як гэты вышыня = 50px; гэта няправільны сінтаксіс.

Right syntax while writing CSS in style attribute: height:50px;

<�Моцны> Рэдагавана:

Таксама праверце шлях малюнка з'яўляецца правільным ці малюнак існуе на дадзеным шляху.

0
дададзена
Толькі калі праблема заключаецца ў тым, што толькі <�я> некаторыя </я> фону паказвае ўверх.
дададзена аўтар Quentin, крыніца
Гэта праўда, але не перашкодзіла б фонавы малюнак ад прагляду.
дададзена аўтар Quentin, крыніца
Гэта дапаможа паказаць фон ..
дададзена аўтар A.K, крыніца

вы вызначылі вышыню, як гэты вышыня = 50px; гэта няправільны сінтаксіс.

Right syntax while writing CSS in style attribute: height:50px;

<�Моцны> Рэдагавана:

Таксама праверце шлях малюнка з'яўляецца правільным ці малюнак існуе на дадзеным шляху.

0
дададзена
Толькі калі праблема заключаецца ў тым, што толькі <�я> некаторыя </я> фону паказвае ўверх.
дададзена аўтар Quentin, крыніца
Гэта праўда, але не перашкодзіла б фонавы малюнак ад прагляду.
дададзена аўтар Quentin, крыніца
Гэта дапаможа паказаць фон ..
дададзена аўтар A.K, крыніца

вы вызначылі вышыню, як гэты вышыня = 50px; гэта няправільны сінтаксіс.

Right syntax while writing CSS in style attribute: height:50px;

<�Моцны> Рэдагавана:

Таксама праверце шлях малюнка з'яўляецца правільным ці малюнак існуе на дадзеным шляху.

0
дададзена
Толькі калі праблема заключаецца ў тым, што толькі <�я> некаторыя </я> фону паказвае ўверх.
дададзена аўтар Quentin, крыніца
Гэта праўда, але не перашкодзіла б фонавы малюнак ад прагляду.
дададзена аўтар Quentin, крыніца
Гэта дапаможа паказаць фон ..
дададзена аўтар A.K, крыніца

Я выкарыстаў наступны HTML і ўсё працуе.

<input type="button" name="test" value="test" style=" background: url('http://www.training-industry.co.uk/assets/images/Take_Test.png') no-repeat 0 0;
width:130px;
height:130px;
background-color: transparent;" />

Look at this fiddle and compare with your code: http://jsfiddle.net/ssqfK/1

0
дададзена

Я выкарыстаў наступны HTML і ўсё працуе.

<input type="button" name="test" value="test" style=" background: url('http://www.training-industry.co.uk/assets/images/Take_Test.png') no-repeat 0 0;
width:130px;
height:130px;
background-color: transparent;" />

Look at this fiddle and compare with your code: http://jsfiddle.net/ssqfK/1

0
дададзена