您可以定位 Google Chrome 吗?
-
20-09-2019 - |
题
我需要将此更新按钮放置在 www.euroworker.no/order 上(您必须将商品添加到购物车,使用 Kjøp 按钮添加并使用 Handlevogn 查看购物车)。适用于 FF 和 IE。(尽管 IE 存在另一个对齐问题)但在 Chrome 或 Safari 中则不然。我以前可以使用它,但我唯一能想到的就是 Target 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=""> </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 更改这些。
谢谢。
解决方案
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*Chrome CSS here*/
#cartUpdate {
position:absolute;
width:160px;
height:30px;
left:660px;
bottom:40px;
}
}
固定的问题:)
<强>更新强>
此资源工作得更好:浏览器CSS / JS与OS 选择
其他提示
有一些浏览器黑客可用于针对特定浏览器,其中一些适用于所有版本的浏览器,而另一些则不然。
以下是一些 Google Chrome 的 hack 列表:
WebKit 黑客:
.selector:not(*:root) {}
- 谷歌浏览器:所有版本
- 苹果浏览器:所有版本
- 歌剧 :14 及以后
- 安卓:所有版本
支持黑客:
@supports (-webkit-appearance:none) {}
Google Chrome 28、Google Chrome > 28、Opera 14 和 Opera > 14
- 谷歌浏览器:28 岁及以后
- 歌剧 :14 及以后
财产/价值黑客:
.selector { (;property: value;); }
.selector { [;property: value;]; }
Google Chrome 28、Google Chrome < 28、Opera 14 和 Opera > 14、Safari 7 和小于 7。- 谷歌浏览器:28 岁及之前 - 苹果浏览器:7 及之前 - 歌剧 :14 及以后
JavaScript 黑客:1
var isChromium = !!window.chrome;
- 谷歌浏览器:所有版本
- 歌剧 :14 及以后
- 安卓:4.0.4
JavaScript 黑客:2 {Webkit}
var isWebkit = 'WebkitAppearance' in document.documentElement.style;
- 谷歌浏览器:所有版本
- 苹果浏览器:3 及更高版本
- 歌剧 :14 及以后
JavaScript 黑客:3
var isChrome = !!window.chrome && !!window.chrome.webstore;
- 谷歌浏览器:14 岁及以后
媒体查询黑客:1
@media \\0 screen {}
- 谷歌浏览器:22 至 28
- 苹果浏览器:7 及以后
媒体查询黑客:2
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .selector {} }
- 谷歌浏览器:29 岁及以后
- 歌剧:16 岁及以后
欲了解更多信息,请访问 这个网站
不隶属于 StackOverflow