+ 5

Css

Why doesn’t a picture appear on the page if I wrote everything correctly in css?

background-image

21st Feb 2019, 3:26 PM

Олег Кирсанов

15 Antworten

+ 12

It will be easier to answer your question if you show your code.

21st Feb 2019, 3:56 PM

Nova

+ 12

Post your code here so we can help.

21st Feb 2019, 5:17 PM

Mitali

+ 9

Use "file:///" then but note that only people that have this image in the same directory in their devices will be able to see it.

24th Feb 2019, 9:43 PM

Valen.H. ~

+ 8

Is your image correct too?

21st Feb 2019, 4:08 PM

Valen.H. ~

+ 4

I think you have to use relative paths rather than absolute paths...as some localhost may not accept absolute paths....

12th Apr 2019, 12:27 AM

Thanigai Velan

+ 3

You are probably doing your code here on SL... Here,in case of code playground, you have to put the url from the ORIGINAL SOURCE... I.e. even after searching the image on Google, go to that image's SOURCE WEBSITE, and from there after clicking on the image.. copy paste the URL in your code. Hope it was helpful😊

21st Feb 2019, 4:53 PM

Nimit Sandeep Jhunjhunwala

+ 2

<!DOCTYPE html> <head><title>Ethiopian Flag</title></head> <body> <svg width="620" height="320"> <rect width="600" height="100" x="20" y="20" fill="green" /> <rect width="600" height="100" x="20" y="120" fill="yellow" /> <rect width="600" height="100" x="20" y="220" fill="red" /> <circle cx="320" cy="170" r="100" fill="blue" /> <polyline style="stroke-linejoin:miter; stroke:yellow"; stroke-width:20; fill:blue" points="280 230, 320 90, 355 230,255 140,380 140,280 230" /> <line x1="290" y1="120" x2="270" y2="100" style="stroke:#ffff00; stroke-linecap:round; stroke-width:2" /> <line x1="370" y1="200" x2="350" y2="180" style="stroke:#ffff00; stroke-linecap:round; stroke-width:2" /> <line x1="260" y1="200" x2="280" y2="180" style="stroke:#ffff00; stroke-linecap:round; stroke-width:2" /> <line x1="345" y1="130" x2="375" y2="100" style="stroke:#ffff00; stroke-linecap:round; stroke-width:2" /> <line x1="32

21st Feb 2019, 5:19 PM

Geleta Hailemariam Jemjem