将按钮放在SharePoint Web部件中的图像上

Question

难以在SharePoint webpart中设置按钮样式，以使其位于动态设置的图像上。

HTML：

    <div id="nhaole-header-eloqua" class="imageArea">
    <img id="headerImage" src="<%=headerImageURL%>" />
    <div id="applyArea">
        <input id="applyNowBtn" type="button" value="Apply Now" class="applyButton" />
    </div></div>

CSS

        #headerImage {
        position:relative !important;
    }
    #applyArea {
        position:absolute !important;
         width: 100px !important;
         left:10% !important;
         top:50% !important;
    }

这种方法有效，直到您缩放窗口然后按钮不会停留在图像上。

Answer 1

我昨天可能需要更多咖啡。

我发现自己的问题是我需要制作父div相对

#nhaole-header-eloqua { position:relative !important; } #applyArea { position:absolute !important; width: 100px !important; left:10% !important; top:50% !important; }