BAntDit

Что-то тоже не помогло. Пока есть проблемы,с тем чтобы вытащить весь проект на внешку с локального сервера. Чуть позжее сверстаю отдельный пример, где только применяется этот clipPath и выложу.

У меня clip-path указан отдельно для Chrome вот так: -webkit-clip-path: inset(0px 200px 0px 200px); и отдельно для FF, вот так: clip-path: url(#c1); - собсно это и есть синтаксис с путями. Кстати даже если для Chrome использовать svg и синтаксис с путями то в хроме все работает, а вот в FF никак. Приведенные ваше примеры тоже работаю в FF. Но когда я пытаюсь clip-path-ы применять к динамически созданным элементам, в FireFox ничего не работает.

Здравствуйте, Я пытаюсь отсекать края div-а по rectangle-у. Для этого использую clip-path. Делаю следующее: На странице: <svg height="0"> <clipPath id="c1" clipPathUnits="objectBoundingBox"> <rect x="0.148" y="0.0" width="0.705" height="1.0"/> </clipPath> </svg>в css: .scroll-bar-wrapper {position: absolute;z-index: 100;}.scroll-bar { clip-path: url(#c1); -webkit-clip-path: inset(0px 200px 0px 200px); overflow: hidden; height: 64px; width: 1360px; } сам div с классом scroll_bar создается на странице динамически - т.е. на страницу добавляется html код: <div style="top: 650px; left: -200px; width: 1160px; height: 64px;" class="scroll-bar-wrapper" id="scroll_bar_wrapper"><div class="scroll-bar" id="swatches_scroll_bar"> // к этому div-у должен применяться clip-path<div style="position: relative;" class="scroll-bar-item ui-draggable"><img src="./assets/materials/mat1.png"></div><div style="position: relative;" class="scroll-bar-item ui-draggable"><img src="./assets/materials/mat2.png"></div>...</div></div>Во всех браузерах все работает отлично, кроме FireFox. Подскажите как это заставить работать в FF.

Приветствую, вопрос не совсем по верстке, он скорее об особенностях работы браузеров, но более подходящего раздела не нашел. Вопрос следующий: если на странице присутствует несколько одинаковых ссылок (допустим пять) на один и тот же ресурс (допустим на одну и ту же картинку), то как себя ведут большинство браузеров в этом случае - все пять раз делают один и тот же GET запрос или один раз делают запрос, а на остальных ссылках используются данные полученные при первом запросе? Возможно, это зависит от какихто условий - если, да, то от каких? Интересуют браузеры ie8-9, ff, opera, google chrome. Пример, чтобы пояснить вопрос: 1-случай: <div id="images"> <img src="http://somedomainname.ru/path_to_pics/pic1.jpeg" alt="раз картинка" /> <img src="http://somedomainname.ru/path_to_pics/pic1.jpeg" alt="два картинка" /> <img src="http://somedomainname.ru/path_to_pics/pic1.jpeg" alt="три картинка" /> </div> три ссылки на одну и ту же каритнку,но я думаю браузер реально загрузит её только один раз, хотя на самом деле не знаю - не эксперементировал... 2-случай: <div id="images"> <img src="http://somedomainname.ru/path_to_handlers/get_image.ashx?image_id=1&openatonce=true" alt="раз картинка" /> <img src="http://somedomainname.ru/path_to_handlers/get_image.ashx?image_id=1&openatonce=true" alt="два картинка" /> <img src="http://somedomainname.ru/path_to_handlers/get_image.ashx?image_id=1&openatonce=true" alt="три картинка" /> </div> тоже три одинаковых ссылки на картинку (на обработчик отдающий картинку) - видя, что ссылка одинаковая, поймут ли браузеры, что не надо все три раза вызывать один и тот же обработчик?