Loading... ## 前言 是的，一如既往的水文，仅仅是给出一个自制的接口和几行代码就来水文，我是有多么大的勇气啊，哈哈 ## 正文 ### 接口介绍 接口使用后刷新网页会自动变换网站背景图片，图片具有平铺居中且不重叠的特点，适合各种类型的网站使用。如果您看腻了千篇一律的背景色，那不妨给网站加个自动变换背景图片的功能吧。 ### 接口地址 国内版地址：https://xsy.app/bing/api.php 国际版地址：https://xsy.app/bing/global.php （仅支持https访问） ### 使用方法 #### 方法一 找到您网站的全局公共css文件，然后把下面的代码粘贴至所有代码最上面 ```css html { background: url(接口地址) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } ``` #### 方法二 加到网站全局顶部文件中 <head></head> 标签内，可根据情况自定义修改api接口地址 ```html <style> html { background: url(接口地址) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } </style> ``` #### 方法三 加到网站全局顶部文件中 `<html>` 标签内，可根据情况自定义修改api接口地址 ```html <html style="background: url(接口地址) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;"> ``` #### 方法四 加到网站全局顶部文件中 `<body>` 标签内，可根据情况自定义修改api接口地址 ```html <body style="background: url(接口地址) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;"> ```<hr class="content-copyright" style="margin-top:50px" /><blockquote class="content-copyright" style="font-style:normal"><p class="content-copyright">版权属于：XSY</p><p class="content-copyright">本文链接：<a class="content-copyright" href="https://www.xsy.fun/archives/97/">https://www.xsy.fun/archives/97/</a></p><p class="content-copyright">转载时须注明出处及本声明</p></blockquote> Last modification：January 14th, 2019 at 10:13 pm © 允许规范转载 Support If you think my article is useful to you, please feel free to appreciate ×Close Appreciate the author Sweeping payments Pay by AliPay Pay by WeChat
XSY的FUN天地 
不好意思啊，每次评论后都弹出评论失败的字样，害我评论了三次
我的锅我的锅OωO
请问网站的全局公共css文件在哪,网站全局顶部文件又在哪？
公共css是在assets里面的，顶部应该是在/component/header.php，不知道不同主题目录结构是不是一样，但是我这里就是这样的。
出差回来，过来留个小脚印
嘿嘿
踩踩
这个会不会减慢熟读呢？
嗯，会的
这是怎么安装
直接加代码啊，你这都不会就不要搞了
文章很不错啦，谢谢博主