您可以定位Google Chrome吗？ [英] Can you target Google Chrome?

问题描述

我需要将此更新按钮放在www.euroworker.no/order上（您必须将一个项目添加到购物车，使用Kjøp按钮添加，然后使用Handlevogn查看购物车）。工程在FF和IE。 （虽然IE有另一个对齐问题），但Chrome或Safari中没有。我以前的工作，但我唯一能想到的是目标safari和Chrome。这是可能吗？

I need to position this update button on www.euroworker.no/order (you'll have to add an item to the cart, use the Kjøp button to add and Handlevogn to view the cart). Works in FF and IE. (Although there is another alignment problems with IE) but not in Chrome or Safari. I had it working before, but the only thing I can think of to do is target safari and Chrome. Is this possible?

这里是你的CSS和HTML（Smarty）。

Here's the CSS and HTML(Smarty) for you.

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。

Need to change these for Chrome and Safari.

感谢。

推荐答案

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

    /*Chrome CSS here*/

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

修复了问题：）

UPDATE

此资源的效果更好： CSS浏览器/ OS选择器与JS 。

这篇关于您可以定位Google Chrome吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！