這次帶給大家在JS中怎麼讓圖片居中懸浮,在JS中讓圖片居中懸浮的注意事項有哪些,以下就是實戰案例,一起來看一下。
<!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>
我相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是在JS中怎麼讓圖片居中懸浮的詳細內容。更多資訊請關注PHP中文網其他相關文章!