Карта вид листовка на SilverStripe

Question

Я работаю на SilverStripe 4, используя листовку и мои карты представляют эти серые линии:

Я пробовал много вещей на CSS и JS, но без изменений. Может ли кто-нибудь посоветовать, как подавить эти серые линии?

Answer 1

Серые линии вызваны вашим сайтом css, добавляющим границу к вашим изображениям.

Если вы проверите маркер img, вы увидите, что есть img css, который добавляет границу. Что-то вроде следующего:

img { 
    border: 4px solid #d7d7d7; 
} 

Вот демо воссоздании вопрос: https://jsfiddle.net/5jbgyeq0/

Несколько вариантов, чтобы исправить эту проблему являются:

1. Удалить этот CSS
2. Сделать CSS более конкретный, чтобы он не относился к изображениям на карте.
3. Добавить css, чтобы удалить границы на картографических изображениях

Вот пример некоторого CSS, чтобы удалить границы на карте стеклопакетами изображений:

.leaflet-map-pane img { 
    border: none; 
}