我需要将此更新按钮放在www.euroworker.no/order上(您必须将一个项目添加到购物车中,使用Kjøp按钮添加并使用Handlevogn来查看购物车).在FF和IE工作. (虽然IE还有一个对齐问题),但Chrome或Safari中却没有.我以前有工作,但我唯一可以想到的是瞄准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=""> </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;
- }
- }
修复了问题:)
UPDATE
这个资源更好：CSS browser/OS selectors with JS.
