Jak dodać obraz do znacznika zakotwiczenia za pomocą CSS?

Question

Przygotowuję znaczek kotwicy jako przycisk za pomocą obrazu, ale nic nie wyświetla w przeglądarce.

To jest mój kod do tej pory ...

HTML

<span> 
    <a id="knapNyhed" href="file:///E:/Projekt_skolespil/hjemmeside/index.html"></a> 
</span> 

CSS

.knapNyhed{ 
    background-image: pic/knap_nyhed_layout_00.png; 
    width:226px; 
    heigth: 50px; 
    margin: 0 2px 0 2px; 
} 

Spodziewać się można pomóc, dlaczego nie mogę zobaczyć mój przycisk

Answer 1

Musisz dodać display:block lub display:inline-block jako display:inline są domyślnie ustawione na display:inline, a elementy śródliniowe nie mogą mieć wartości width, height lub margin. Aby uzyskać obraz tła, należy dodać . Pamiętaj, że ten adres URL jest powiązany z Twoim plikiem css.

#knapNyhed { 
    display:block; 
    background-image: url(pic/knap_nyhed_layout_00.png); 
    width:226px; 
    heigth: 50px; 
    margin: 0 2px 0 2px; 
} 

Answer 2

Trzeba surrond swoją ścieżkę do pliku z url()

tak:

background-image: url('pic/knap_nyhed_layout_00.png');