тема больше не актуальна
проблема решена
для тех, кому интересно как:проблема была в том, что IE11 не понимал, что картинка содержится в label
при нажатии на текст, всё срабатывало, а вот при нажатии на картинку - нет
в итоге, я решила проблему небольшой перевёрсткой:
| Код |
|---|
<div class="ps_logo">
<input type="radio" id="ID_PAY_SYSTEM_ID_<?= $arPaySystem["ID"] ?>" name="PAY_SYSTEM_ID" value="<?= $arPaySystem["ID"] ?>"<?if ($arPaySystem["CHECKED"]=="Y") echo " checked=\"checked\"";?> on click="submitForm();" />
<label for="ID_PAY_SYSTEM_ID_<?= $arPaySystem["ID"] ?>">
<?if (count($arPaySystem["PSA_LOGOTIP"]) > 0):?>
<div class="paysystem_name">
<img class="paysystem_img" src="<?=$arPaySystem["PSA_LOGOTIP"]["SRC"]?>" title="<?=$arPaySystem["PSA_NAME"];?>"/>
<?=$arPaySystem["PSA_NAME"];?>
</div>
<?else:?>
<div class="paysystem_name">
<img class="paysystem_img" src="/bitrix/components/bitrix/sale.order.ajax/templates/visual/images/logo-default-ps.gif" title="<?=$arPaySystem["PSA_NAME"];?>"/>
<?=$arPaySystem["PSA_NAME"];?>
</div>
<?endif;?>
</label>
</div> |
с добавлением стилей:
| Код |
|---|
.ps_logo .paysystem_name
{
padding-top:62px;
margin-top:0;
position:relative;
cursor:pointer;
}
.ps_logo .paysystem_name .paysystem_img
{
position:absolute;
top:0;
left:0;
z-index:-1;
}
.ps_logo .paysystem_name:hover .paysystem_img
{
border:2px solid #2d739d!important;
padding:0!important;
} |
