0

友達、この小さな問題を解決するのを手伝ってくれませんか。私は opencart を使用していますが、私の製品では、購入者がカートに追加する前に色を選択する必要があります。

通常、href で LI を使用して onclick select で color boxex を作成しますが、Opencart では select、check、radio などのフォーム要素のみが許可されるため、CSS で Radio ボタンを使用しました。Mozilla、Chrome、さらにはIE9でも問題なく動作します....しかし、IE8とIE7では機能しません:(

コンパイル後のラジオボタンのHTMLは次のとおりです

<div class="option Color" id="option-227">
<span class="required">*</span>
<h2>Color:</h2><br>

<div class="colorOption-Holder">
<input type="radio" id="option-value-18" value="18" name="option[227]">
<label for="option-value-18">
<img src="../images/Swatches/Green-25x25.gif" alt="Green" title="Green">
</label>
</div>

<div class="colorOption-Holder">
<input type="radio" id="option-value-18" value="18" name="option[227]">
<label for="option-value-18">
<img src="../images/Swatches/Blue-25x25.gif" alt="Blue" title="Blue">
</label>
</div>

</div>

そしてここにCSSがあります

.product-info .Color .colorOption-Holder {
float:left;
width:35px;
height:35px;
margin-right:7px;
margin-bottom:9px;
position:relative;
}
.product-info .Color input{
position:absolute;
left:5px;
top:10px;
visibility:hidden;
z-index:5;
}

.product-info .Color input + label {
position:absolute;
left:0;
top:0;

border:1px solid #fff;
}

.product-info .Color input:checked + label {
position:absolute;
left:0;
top:0;
z-index:5;
border:1px solid #f76a02;
}

これを修正する方法はありますか？それは大きな恩恵になるでしょう...ありがとう

4

2 に答える 2

1

Internet Explorer 8（および以前のバージョン）は、多くのCSSセレクターをサポートしていません。：checked疑似クラスはその1つです。

さまざまなIEバージョンのセレクターサポートを追加できるSelectivizrと呼ばれるソリューションについては、この同様の投稿を確認してください。

「通常の」セレクターに固執しない場合は、さまざまなセレクターのブラウザーサポートについてクァークズモードを確認する必要があります。

于 2012-09-11T20:27:48.220 に答える
0

終了タグはコードにありますが、なぜここに表示されないのかわかりません ここに product/product.tpl ファイルのコードがあります

<?php foreach ($option['option_value'] as $option_value) { ?>
<div class="colorOption-Holder">
<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']; ?>" />
<label for="option-value-<?php echo $option_value['product_option_value_id']; ?>">
<img src="<?php echo $option_value['image']; ?>" />
 <?php if ($option_value['price']) { ?>
(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
<?php } ?>
</label>
</div>
<?php } ?>
于 2012-09-11T20:19:26.960 に答える