16

この更新ボタンを www.euroworker.no/order に配置する必要があります (カートにアイテムを追加する必要があります。追加するには Kjøp ボタンを使用し、カートを表示するには Handlevogn を使用します)。FF と IE で動作します。(IE には別の位置合わせの問題がありますが) Chrome や Safari ではそうではありません。以前は動作していましたが、考えられる唯一のことは、サファリとChromeをターゲットにすることです。これは可能ですか？

CSS と HTML(Smarty) は次のとおりです。

HTML(スマート):

    {capture assign="cartUpdate"}

     <div id="cartUpdate"><!--<input type="submit" class="submit" value="{tn _update}" />-->
     <button type="submit" class="submit" id="oppdatersubmit" name="saveFields" title="Oppdater" value="">&nbsp;</button> </div>
    {/capture}
    {assign var="cartUpdate" value=$cartUpdate|@str_split:10000}
    {php}$GLOBALS['cartUpdate'] = $this->get_template_vars('cartUpdate'); $this->assign_by_ref('GLOBALS', $GLOBALS);{/php}

    {form action="controller=order action=update" method="POST" enctype="multipart/form-data" handle=$form id="cartItems"}

CONTENT

{/form}

そしてCSS：

#oppdatersubmit {
 background-image:url(../../upload/oppdater.png);
 background-repeat:no-repeat;
 background-position:left;
 background-color:none;
 border:none;
 overflow:hidden;
 outline:none;
    white-space: nowrap;
 width:77px;
 height:25px;
 cursor:pointer;
 position:absolute;
}

#cartUpdate {
 position:absolute;
 width:160px;
 height:30px;
 left:580px;
 bottom:130px;
}

Chrome と Safari ではこれらを変更する必要があります。

ありがとう。

4

2 に答える 2

37 
@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Chrome CSS here*/

    #cartUpdate {
        position:absolute;
        width:160px;
        height:30px;
        left:660px;
        bottom:40px;
    }
}

問題を修正しました:)

アップデート

このリソースはより適切に機能します：JSを使用したCSSブラウザー/OSセレクター。

于 2010-03-15T14:03:01.470 に答える