你能定位谷歌Chrome吗？

Question

我需要在www.euroworker.no/order上设置此更新按钮(您必须将一个项目添加到购物车,使用Kjøp按钮添加和Handlevogn以查看购物车).适用于FF和IE.(尽管IE存在另一个对齐问题)但Chrome或Safari中没有.之前我曾经工作过,但我唯一能想到的就是瞄准野生动物园和Chrome.这可能吗？

这是CSS和HTML(Smarty).

HTML(Smarty的):

    {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更改这些内容.

谢谢.

Answer 1

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

    /*Chrome CSS here*/

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

修正了问题:)

UPDATE

这个资源更好用:带JS的CSS浏览器/ OS选择器.

Answer 2

有一些浏览器黑客可用于定位特定浏览器,其中一些可以在浏览器的所有版本上运行,而有些则不适用.

以下是一些Google Chromes的黑客名单:

WebKit黑客:

.selector:not(*:root) {}

• 谷歌浏览器:所有版本
• Safari:所有版本
• 歌剧:14岁及以上
• Android:所有版本

支持黑客:

@supports (-webkit-appearance:none) {}

谷歌Chrome 28,谷歌浏览器> 28,Opera 14和Opera> 14

• 谷歌浏览器:28及更高版本
• 歌剧:14岁及以上

物业/价值黑客:

.selector { (;property: value;); }
.selector { [;property: value;]; }

谷歌Chrome 28,谷歌Chrome <28,Opera 14和Opera> 14,Safari 7和少于7. - 谷歌浏览器:28和之前 - Safari:7和之前 - 歌剧:14及以后

JavaScript Hacks:1

var isChromium = !!window.chrome;

• 谷歌浏览器:所有版本
• 歌剧:14岁及以上
• Android:4.0.4

JavaScript Hacks:2 {Webkit}

var isWebkit = 'WebkitAppearance' in document.documentElement.style;

• 谷歌浏览器:所有版本
• Safari:3及以后
• 歌剧:14岁及以上

JavaScript Hacks:3

var isChrome = !!window.chrome && !!window.chrome.webstore;

• 谷歌浏览器:14及更高版本

媒体查询黑客:1

@media \\0 screen {}

• 谷歌浏览器:22到28
• Safari:7及以后

媒体查询黑客:2

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .selector {} }

• 谷歌浏览器:29及更高版本
• 歌剧:16岁及以上

有关更多信息,请访问此网站