Сайт загружает Sprite Image дважды - PullRequest
Новая
       16

Сайт загружает Sprite Image дважды

2 голосов
/ 05 июля 2011

Я пытался ускорить свой веб-сайт, и при этом я объединил несколько своих изображений в файл спрайта. Теперь все работает отлично, но когда я запускаю сайт, локально или на тестовом сайте, он загружает файл спрайта дважды, и я не могу понять, почему. Я использую masterpages с asp.net, и у меня есть только один файл css, не включая файлы css, которые используют некоторые из моих элементов управления telerik, и я не вмешивался ни в один из файлов telerik css или спрайтов. Вы можете посетить наш тестовый сайт по адресу: http://www.myheadpiece.com/test и посмотреть. Имя файла спрайта - ms1.png. Я также могу предоставить другой код / ​​ответы при необходимости, я просто не уверен, что / где искать. Если у кого-то есть идеи, пожалуйста, дайте мне знать. Благодарю.

Ответы [ 2 ]

3 голосов
/ 05 июля 2011

Проверьте регистр путей к спрайту, у вас есть

http://www.myheadpiece.com/test/Images/Structure/ms1.png

и

http://www.myheadpiece.com/test/images/Structure/ms1.png

Один с большой буквы «я», другой с маленькой «я». Так что в вашем CSS вы должны ссылаться на спрайт либо с помощью «изображений», либо с «изображениями».

0 голосов
/ 05 июля 2011

Ваш CSS должен выглядеть так: 

.Sprite { background-image: url("../Images/Structure/ms1.png"); background-color: transparent; background-repeat: no-repeat; }

.HeaderLogo { background-position: 0 -768px; ... other styles ... }

.CartButton { background-position: -818px -754px; ... other styles ...}

И для HeaderLogo, и для CartButton должен быть назначен второй класс css («Sprite»), поэтому вы загружаете изображение только один раз для класса Sprite, и все элементы, которые собираются его использовать, изменяют только его положение.

...