如何添加图片作为网站背景?

如何添加图片作为网站背景?

ZBLOG教程乐乐2019-07-31 1:21:42293A+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.  

本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除

投稿/侵权投诉邮箱:563161067@qq.com 商务合作QQ:563161067

备案:豫ICP备18019668号
联系我们| 网站地图| 留言建议| 网站管理