Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Проблема с IE. Не отображаются подписи к опциям изображений


Recommended Posts

Здравствуйте!

 

Никак не могу понять в чем дело, может кто-то сталкивался с подобным и сможет подсказать:

 

Добавила опции с изображениями в карточку товара, но в IE не отображаются подписи к опциям.

 

Понимаю, что проблема из-за position: absolute; к классу .name_my_options (подписям изображений). Но не знаю, как исправить, т.к. position:relative; мне не подходит.

 

Прикрепляю два изображения, на которых видно в чем проблема. Один скрин с Chrome, а другой с IE.

 

Кусок кода, отвечающий за вывод Опции изображений: (к стандартному коду был добавлен класс class="tr_my_options" и class="name_my_options"

  <?php if ($option['type'] == 'image') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <table class="option-image">
            <?php foreach ($option['option_value'] as $option_value) { ?>
            <tr class="tr_my_options">
              <td style="width: 1px;"><input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
              <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td>
              <td><label class="name_my_options" for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
                  <?php if ($option_value['price']) { ?>
                  (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                  <?php } ?>
                </label></td>
            </tr>
            <?php } ?>
          </table>
        </div>
        <br />
        <?php } ?>

И стиль, описывающие эти классы:

.tr_my_options {
position: relative;
float: left;
width: 100px;
margin-right: 2px;
margin-bottom: 35px;
}

.name_my_options {
position: absolute;
top: 60px;
left: 3px;
right: 10px;
text-align: center;
color: #000;
}

Заранее благодарю!

post-673928-0-88652500-1422092241_thumb.png

post-673928-0-65517600-1422092247_thumb.png

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.