Slimbox2仅在iPad上显示画廊后面的叠加层

时间:2014-07-29 10:36:03

标签: c# ipad asp.net-mvc-4 nopcommerce slimbox

以纵向打开网站时,一旦点击图库图像,图像就会显示在图库后面。然而,一旦我将iPad的位置切换到横向,它看起来很正常。在普通浏览器和移动设备上,图库显示正常。 不确定为什么会有问题,因为CSS似乎没问题,我已经包含了z-index:999。

    <div class="picture @if (Model.PictureModels.Count > 1){<text>col-xs-9</text>}">

        @if (Model.DefaultPictureZoomEnabled)
        {

            <a href="@Model.DefaultPictureModel.FullSizeImageUrl" data-gallery="lightbox-p" title="@Model.Name"  id="main-product-img-lightbox-anchor-@Model.Id">
                <img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" itemprop="image" id="main-product-img-@Model.Id" />
            </a>
            <div class="zoom">
                <a href="@Model.DefaultPictureModel.FullSizeImageUrl" data-gallery="lightbox-p" title="@Model.Name" class="zoom-link">+</a>
            </div>
        }
        else
        {
            <img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" itemprop="image" id="main-product-img-@Model.Id" />
        }

图片库的一些代码,如果您需要任何进一步的信息,请询问,我将为您编辑我的问题。

0 个答案:

没有答案