C# Slimbox2仅在iPad上的gallery后显示叠加

C# Slimbox2仅在iPad上的gallery后显示叠加,c#,ipad,asp.net-mvc-4,nopcommerce,slimbox,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.Def

在纵向模式下打开站点时,单击库图像后,图像将显示在库的后面。然而,一旦我将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" />
        }

@if(Model.DefaultPictureZoomEnabled)
{
}
其他的
{
}

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

您可以发布链接到您的网站吗?