0

: http://jsfiddle.net/elasticGurl/CpBX5/

CSS と、画像の左端の一部 (ドロップ シャドウがある場所) を隠す背景画像に問題があります。問題の場所を確認するには、赤い矢印が付いた下の画像 (参考用にのみ含まれています) を参照してください。「デバイス」の上部から「アクセス」の下部にかけて、左側にあります。これはとてもシンプルですが、私はそれを見ることができません。

http://jsfiddle.net/elasticGurl/CpBX5/

問題の CSS は次のとおりです。

form#frm_select_a_plan ul#select_a_plan_inner { list-style: none outside none; padding: 0px; margin: 0px; }
form#frm_select_a_plan ul#select_a_plan_inner li { background: url('http://www.myproduction-1.info/_BG/_images/sbsignup_pricing_generic.png') no-repeat scroll 0px 0px transparent; font-size: 14px; background-position: -5px -133px; width: 534px; height: 62px; margin-left:274px; }

form#frm_select_a_plan ul#select_a_plan_inner li.access { background-position: -5px -133px; width: 502px; height: 11px;}
form#frm_select_a_plan ul#select_a_plan_inner li span { display: block; float: left; text-align: center; }

ヒントをいただければ幸いです。

4

1 に答える 1

1

background-position負からゼロに変更します。次に余白を調整します。

フィドルを参照してください: http://jsfiddle.net/rCJaN/

form#frm_select_a_plan ul#select_a_plan_inner li { background: url('http://www.myproduction-1.info/_BG/_images/sbsignup_pricing_generic.png') no-repeat scroll 0px 0px transparent; font-size: 14px; background-position: 0px -133px; width: 534px; height: 62px; margin-left:269px; }
form#frm_select_a_plan ul#select_a_plan_inner li.access { background-position: 0px -133px; height: 11px;}
form#frm_select_a_plan #select_a_plan_bottom { margin: 0px; background: url('http://www.myproduction-1.info/_BG/_images/sbsignup_pricing_generic.png') no-repeat scroll center bottom transparent;  list-style: none outside none; background-position: 0px -307px; width: 534px;height: 123px; margin-left:269px; }
于 2013-02-07T03:16:29.353 に答える