Heim  >  Artikel  >  Web-Frontend  >  Wie man das Bild in JS in der Mitte schweben lässt

Wie man das Bild in JS in der Mitte schweben lässt

php中世界最好的语言
php中世界最好的语言Original
2018-04-13 15:29:532942Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie das Bild in JS in der Mitte schweben lassen. Welche Vorsichtsmaßnahmen gibt es, um das Bild in JS in der Mitte schweben zu lassen? Das Folgende ist ein praktischer Fall. Schauen wir uns das an.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
.logo {
 width: 650px;
 height: 383px;
 position:fixed;
 background: url(http://www.jb51.net/images/logo.gif) no-repeat;
 margin:auto;
 left:0;
 right:0;
 top:0;
 bottom:0;
}
</style>
<title>图片垂直居中不随滚动条滚动的JS代码</title>
</head>
<body style="height:3000px">
<p class="logo"> </p>
</body>
</html>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

AngularJS implementiert ein Zahlenratespiel

Zusammenfassung eines sehr nützlichen erweiterten Webformular-JS-Plug-ins

Das obige ist der detaillierte Inhalt vonWie man das Bild in JS in der Mitte schweben lässt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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