如何添加圖片作為網站背景?

如何添加圖片作為網站背景?

ZBLOG教程樂樂2019-07-31 1:21:42304A+A-

        網頁添加背景圖片的功能其實非常簡單,這里分享兩種方式:一種是添加自定義的圖片作為背景、另一種是添加bing的每日圖片作為背景。

        第一種添加自定義的圖片作為背景,只需要添加如下代碼到header文件的</head>標簽內:

<style>body {background-image: url("圖片地址,本博客使用的是{$host}zb_users/theme/{$theme}/image/background.png");background-position:left top;background-size:auto;background-repeat:repeat;background-attachment:scroll;}</style>


        第二種添加bing的每日圖片作為背景,需要如下幾步即可實現:

(1)使用 notepad++ 或者其他專業的網頁編輯器新建一個包含以下內容的 php 文件,如命名為 bing.php 文件。

<?php
$str=file_get_contents('http://cn.bing.com/HPImageArchive.aspx?idx=0&n=1');
if(preg_match("/<url>(.+?)<\/url>/ies",$str,$matches)){
$imgurl='http://cn.bing.com'.$matches[1];
}
if($imgurl){
header('Content-Type: image/JPEG');
@ob_end_clean();
@readfile($imgurl);
@flush(); @ob_flush();
exit();
}else{
exit('error');
}
?>

    (2)保存上傳到網站根目錄(或者其他地方,在第三步中填寫正確的 bing.php 文件路徑即可),然后訪問 bing.php 文件,你就會發現已經是一張 bing 的每日圖片了。這個 bing.php 文件會通過 php 將圖片轉換為 jepg 格式,也就是說,bing.php 雖然說是一個 php 文件,但實際上它就是一個 jepg 文件,你可以通過 <img src="bing.php"> 這個代碼來展現圖片。

    (3)打開網站的 header.php 之類的文件,在 </head> 標簽內添加以下代碼:

<style>body {background-image: url("bing.php 的地址");filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";-moz-background-size:100% 100%;background-size:100% 100%;background-attachment: fixed;}</style>

        至此,刷新網站之后就能看到 bing 的每日圖片了。


        這兩種方法其實都是一樣的,只是一個方法應用的指定圖片、另一種方法是引用bing的每日圖片,對了該方法適合所有使用 PHP 建站的網站哦。


如何添加圖片作為網站背景?-第1張圖片-零零娛樂網

感謝您的支持,我會繼續努力的!

如何添加圖片作為網站背景?-第2張圖片-零零娛樂網
掃碼打賞,你說多少就多少

打開支付寶掃一掃,即可進行掃碼打賞哦

點擊這里復制本文地址 以上內容由零零娛樂網整理呈現,請務必在轉載分享時注明本文地址!如對內容有疑問,請聯系我們,謝謝!

支持Ctrl+Enter提交

零零娛樂網 © All Rights Reserved.  

本站資源來自互聯網收集,僅供用于學習和交流,請遵循相關法律法規,本站一切資源不代表本站立場,如有侵權、后門、不妥請聯系本站刪除

投稿/侵權投訴郵箱:[email protected] 商務合作QQ:563161067

備案:豫ICP備18019668號
聯系我們| 網站地圖| 留言建議| 網站管理

女校体操队救援彩金