Platzieren einer Schaltfläche über ein Bild in einem SharePoint-Webpart

Question

Schwierigkeiten beim Formatieren einer Schaltfläche im SharePoint-Webpart, sodass sie über einem dynamisch festgelegten Bild positioniert wird.

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; 
    } 

Diese Art der Arbeiten, bis Sie das Fenster skalieren und dann auf die Schaltfläche mit dem Bild nicht bleiben.

Answer 1

Ich habe gestern vielleicht mehr Kaffee benötigt.

fand ich mein eigenes Problem war, dass ich das übergeordnete Div relativ

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