Skip to content

Conversation

DamonOehlman
Copy link

Had a few issues working with IE and transparent markers. Essentially, the transparent areas of the markers were being displayed with a black background and disabling the filter style fixed the problem.

Not an ideal fix, I know, but tried a few different things (accessing the msFilter property as per http://www.quirksmode.org/css/opacity.html) but had no luck.

@mourner
Copy link
Member

mourner commented Mar 26, 2012

Looks reasonable, thanks!

mourner added a commit that referenced this pull request Mar 26, 2012
Tweaked DOM util opacity to only apply in IE when opacity !== 1
@mourner mourner merged commit 409e5d7 into Leaflet:master Mar 26, 2012
@ajbeaven
Copy link
Contributor

The standard fix for this would be something like this:

.leaflet-marker-icon {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}

@Malvoz Malvoz added the ie Internet Explorer label May 22, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ie Internet Explorer
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants