Я должен расположить эту кнопку обновления на www.euroworker.no/order (необходимо будет добавить объект в корзину, использовать кнопку Kjøp для добавления и Handlevogn для просмотра корзины). Работы в FF и IE. (Хотя существует другое выравнивание проблемы с IE), но не в Chrome или Safari. У меня был он работающий прежде, но единственная вещь, о которой я могу думать, чтобы сделать, предназначаться для сафари и Chrome. Действительно ли это возможно?
Вот CSS и HTML (Присяжный острослов) для Вас.
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 .