-2

javascriptとを使用した asp プロジェクトcssです。このサイトから、javaJonDesign の SmoothGallery デモを取得しました。

pここで、概要を含むタグを の外側に配置したいと思いますdiv。ちなみに、コードは次のとおりです。

<div id="myGallery">
    <asp:Repeater ID="HeadLinesRepeater" runat="server" DataSourceID="SqlDataSource1">
        <ItemTemplate>
            <div class="imageElement">
                <h3><%# Eval("Title") %></h3>
                <div>
                    <p><%# Eval("Summary") %></p>
                </div>
                <a href='<%# "/NewsBody.aspx?NewsId=" + Eval("ID")  %>' title="متن کامل" class="open"></a>
                <img class="full" src='<%# "/Img/news/" + Eval("ID") + ".jpg" %>' />
                <img class="thumbnail" src='<%# "/Img/news/" + Eval("ID") + ".jpg" %>' style="width: 100px; height: 75px" />
            </div>
        </ItemTemplate>
    </asp:Repeater>
</div>

CSS:

    .jdGallery .slideInfoZone p {
            float: right;
            margin-bottom: 10px;
            z-index: 1000000;
            position: absolute;
            margin-left: 92px;
            width: 300px;
            right: 670px;
            top: 220px;
            font-family: Tahoma;
            font-size: 10pt !important;
            text-align: justify;
            color: white !important;
            padding: 0;
            font-size: 60%;
            margin: 2px 5px;
            color: #eee;
        }

位置を固定に変更すると解決されますが、他の解像度でサイトを開くと、スクランブルが解除され、他divの s 内に移動します。それは大学のための私のプロジェクトです。助けてください。

4

1 に答える 1

2

物理的に切り取って<p><%# Eval("Summary") %></p>、div の外に貼り付けるだけです。

編集

内側の p を display:none でスタイリングしてから、独自の JavaScript (このページで JQuery を参照していますか?) を作成して、すべての段落を取得し、DOM の他の場所に追加します。

しかし、実際には（コメントから）親divを操作するjavascriptを変更して内部段落に依存しないようにするか、DOMの別の位置にある段落で動作するように変更する必要があります。

于 2012-09-03T10:06:15.277 に答える