Es ist sehr einfach, HTML-Popup-Div zu verwenden, um eine mobile Zentrierung_HTML/Xhtml_Webseitenproduktion zu erreichen

WBOY
Freigeben: 2016-05-16 16:38:52
Original
1283 Leute haben es durchsucht

Code kopieren
Der Code lautet wie folgt:


Unbenanntes Dokument <br> <style type="text/css"> <br>/*STYLE der Popup-Ebene*/ <br>html,body {height:100%; font-size:12px;} <br> .mydiv { <br>Hintergrundfarbe: #ff6; <br>Rahmen: 1px fest #f90; <br>Linienhöhe: 40px; <br>Schriftstärke: fett; <br>Breite: 300px; <br>links :50%;/*FF IE7*/ <br>oben : 50 %;/*FF IE7*/ <br>margin-left:-150px!important;/*FF IE7 Dieser Wert ist die Hälfte seiner Breite*/ <br>margin-top:-60px!important;/*FF IE7 Der Wert beträgt die Hälfte seiner Höhe*/ <br>margin-top:0px <br>position:fixed!important;/*FF IE7*/ <br>position:absolute;/*IE6*/ <br>_top : expression(eval(document.compatMode && <br>document.compatMode=='CSS1Compat') ? <br>documentElement.scrollTop (document.documentElement.clientHeight-this .offsetHeight)/2 :/*IE6*/ <br> document.body.scrollTop (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ <br>} <br>background-color: #ccc; >width: 100%; <br>height: 100%; <br>top:0;/*FF IE7*/ <br>filter:alpha(opacity=50);/*IE* / <br>opacity:0.5;/*FF*/ <br>z-index:1; <br>position:fixed!important;/*FF IE7* / <br>position:absolute;/*IE6*/ <br>_top: expression(eval(document.compatMode && <br>document.compatMode=='CSS1Compat') ? <br>documentElement.scrollTop (document.documentElement. clientHeight-this.offsetHeight)/2 :/*IE6*/ <br>document.body.scrollTop (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/ <br>} <br>/*The END*/ <br></ style> <br><script type="text/javascript">function showDiv(){ <br>document.getElementById('popDiv') .style.display='block'; getElementById('bg').style.display='block'; <br>function closeDiv(){ <br>document.getElementById('popDiv ').style.display='none'; document.getElementById('bg').style.display='none'; <br></script> id="popDiv" class="mydiv" style="display:none;">title<br/>Sie wissen schon<br/><a href="javascript:closeDiv()"> Fenster schließen</a></div> <br><div id="bg" class="bg" style="display:none ;"></div> ><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br> <div style="padding-top: 20px;"><input type="Submit" name="" value="Ebene anzeigen" onclick="javascript:showDiv()" /> ></div> <br></body> <br><br><br>Einen schönen Stil anhängen<br><br><br><br><br> <br>Code kopieren<br><br><br>Der Code lautet wie folgt:<br><div class="msgborder" id="phpcode3"> <br><html> <br><head><title>



< td style="width:1px;">
窗口标题
消息正文



Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!