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

网页添加背景图片的功能其实非常简单,这里分享两种方式:一种是添加自定义的图片作为背景、另一种是添加bing的每日图片作为背景。

第一种添加自定义的图片作为背景,只需要添加如下代码到header文件的</head>标签内:

Markup

&lt;style&gt;body {background-image: url("图片地址");background-position:left top;background-size:auto;background-repeat:repeat;background-attachment:scroll;}&lt;/style&gt;

 

第二种添加bing的每日图片作为背景,需要如下几步即可实现:

(1)使用 notepad++ 或者其他专业的网页编辑器新建一个包含以下内容的 php 文件,如命名为 bing.php 文件。

PHP

&lt;?php$str=file_get_contents('http://cn.bing.com/HPImageArchive.aspx?idx=0&amp;n=1');if(preg_match("/&lt;url&gt;(.+?)&lt;\/url&gt;/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');}?&gt;

(2)保存上传到网站根目录(或者其他地方,在第三步中填写正确的 bing.php 文件路径即可),然后访问 bing.php 文件,你就会发现已经是一张 bing 的每日图片了。这个 bing.php 文件会通过 php 将图片转换为 jepg 格式,也就是说,bing.php 虽然说是一个 php 文件,但实际上它就是一个 jepg 文件,你可以通过 <img src=”bing.php”> 这个代码来展现图片。

(3)打开网站的 header.php 之类的文件,在 </head> 标签内添加以下代码:

Markup

&lt;style&gt;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;}&lt;/style&gt;

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

 

这两种方法其实都是一样的,只是一个方法应用的指定图片、另一种方法是引用bing的每日图片,对了该方法适合所有使用 PHP 建站的网站哦。

 

© 版权声明
THE END
喜欢就支持以下吧
点赞0
分享
评论 抢沙发

请登录后发表评论