border-image CSS3 nie działa

0

Cześć możecie naświetlić dlaczego ten przykład nie działa? Jeżeli reguły css są w tym samym pliku co kod HTML strony to działa, a jak plik css jest osobno to już nie.
Kod HTML pliku index.html
[code]

<!DOCTYPE html> <html> <head> <title>Prezentacja CSS</title> <meta http-equiv="content-type" content="text/html" ;=";" charset="UTF-8" /> <link href="css/example.css" type="text/css" rel="stylesheet" /> </head> <body>

</body> </html> [/code] Plik example.css: [code]p { width: 197px; height: 54px; border: 11px solid #ffffff;} p.one { -moz-border-image: url("images/dots.gif") 11 11 11 11 stretch; -webkit-border-image: url("images/dots.gif") 11 11 11 11 stretch; border-image: url("images/dots.gif") 11 11 11 11 stretch;} p.two { -moz-border-image: url("images/dots.gif") 11 11 11 11 round; -webkit-border-image: url("images/dots.gif") 11 11 11 11 round; border-image: url("images/dots.gif") 11 11 11 11 round;}[/code] Dzięki za pomoc.
0

Źle wkleiło, kod https://pastebin.com/XzPpE5W8

0

a plik example.css na pewno działa? style nie gryzą się z innymi? zobacz w devtools co wyświetla

1 użytkowników online, w tym zalogowanych: 0, gości: 1