固定位置CSS无法在移动

时间:2016-09-09 12:56:26

标签: jquery css mobile

我需要MorbidStix.com移动网站的一些帮助。我试图将价格浮动在右边,因为它随着选项的变化而实现了CSS固定位置,这在Firefox上测试时有效,但在safari ios上没有。

移动网站与桌面网站分开,由代理触发。

使用的CSS:

.Fixed {
position: absolute !important;
top: 45px !important;
right: 0;
Background: #fff;
border-radius: 10px 0 0 10px !important;
padding: 12px !important;
box-shadow: 4px 2px 4px #000;
z-index: 999999 !important;
}

我能够将标签归结为:

 <!-- //Price Tab -->
<div class="Fixed" style="%%GLOBAL_HidePrice%%">
        <div class="Label">%%GLOBAL_PriceLabel%%:</div>
        <div class="Value">
            <em class="ProductPrice VariationProductPrice">%%GLOBAL_ProductPrice%%</em>
            %%GLOBAL_IncludingExcludingTax%% %%GLOBAL_YouSave%%
        </div>
</div>
<!-- //Price Tab End -->

我已将此插入标题中,它确实会在手机上浮动,但价格不会填充。

我迷失了,可以使用一些方向。

0 个答案:

没有答案