Проблем с правилно показване на CSS Image Sprite


0

Линк към JSFiddle

Линк към Sprite-та

Проблема е явен, вместо да се показват различните карти се показва само първата - Асо спатия. Кода съм сигурен, че е така, защото когато сменя .cards с div слелекторa работи. Дори когато е с .cards, като отворя в chrome web developer tool-a излиза, че стиловете се селектират правилно, но не ги показва вярно. Вероятно изпускам нещо много дребно, защото няма логика да е грешно...
ПС. На всички браузъри е така.




Отговори



1
Здравей, колега
В класа cards използвай вместо това:
background: url(http://i.imgur.com/CWOXMk0.png) no-repeat top left;
ето това:
background-image: url(http://i.imgur.com/CWOXMk0.png);
и би трябвало да ти изведе всички различни карти.
Поздрави!

от Nikolay_Radkov (2911 точки)