Fixed IE hero lock image.

app/styles/play/modal/play-heroes-modal.sass

@@ -110,6 +110,9 @@ $heroCanvasHeight: 265px
               background-color: goldenrod
               @include filter(contrast(50%) brightness(65%))
 
+              &.ie
+                @include opacity(0.35)
+
             .lock-indicator
               position: absolute
               width: 40%

app/templates/play/modal/play-heroes-modal.jade

@@ -20,7 +20,10 @@
             li(data-hero-id=hero.get('original'), title=hero.name, data-slide-to=index, data-target="#hero-carousel", class="hero-indicator hero-index-" + index + (hero.locked ? " locked" : "") + (hero.purchasable ? " purchasable" : "") + (hero.restricted ? " restricted" : ""))
               .hero-avatar
               if hero.locked && !hero.purchasable
-                img.lock-indicator(src="/images/pages/game-menu/lock.png", draggable="false")
+                if isIE
+                  img.lock-indicator(src="/images/pages/game-menu/lock-processed.png", draggable="false")
+                else
+                  img.lock-indicator(src="/images/pages/game-menu/lock.png", draggable="false")
       .carousel-inner
         for hero in heroes
           div(class="item hero-item" + (hero.locked ? " locked" : "") + (hero.purchasable ? " purchasable" : "") + (hero.restricted ? " restricted" : ""), data-hero-id=hero.get('original'))

app/views/play/modal/PlayHeroesModal.coffee

@@ -69,11 +69,13 @@ module.exports = class PlayHeroesModal extends ModalView
     context.confirmButtonI18N = @confirmButtonI18N
     context.visibleHero = @visibleHero
     context.gems = me.gems()
+    context.isIE = @isIE()
     context
 
   afterRender: ->
     super()
     return unless @supermodel.finished()
+    @$el.find('.hero-avatar').addClass 'ie' if @isIE()
     heroes = @heroes.models
     @$el.find('.hero-indicator').each ->
       heroID = $(@).data('hero-id')