php 首页加背景图片,如何在页首添加一张背景图片

Navy主题如何在页首添加一张图片可以http://www.ikk.me/这样子顶部添加背景图片

他的代码是【点击查看】

回复内容：

Navy主题如何在页首添加一张图片可以http://www.ikk.me/这样子顶部添加背景图片

他的代码是【点击查看】

看了下代码，就是给 section 加了个 background，为了使固定宽度的图片填充各分辨率的屏幕，将其设置为 cover：

HTML 部分：

...

CSS 部分：

.billboard {

background: url('../img/mirai.jpg') center center repeat-x;

background-size: cover;

}

我对该网站所用的建站流程不是很了解。但是找出图片的来源还是很简单的。

首先，加载了一张图片的前提是该图片被请求。所以查看请求的图片，第一个就是该图片，名字是mirai.jpg.

然后，将该图片导入页面的代码可能出现在三处，html中，js中和css中，html和js经过搜索都搜不到mirai。那么对所有的css进行排查，发现costoms.css中包含这么一段：

.billboard {

background: url('../img/mirai.jpg') center center repeat-x;

background-size: cover;

}

于是在控制台中执行$('.billboard')选择到一个对象，及网站标题所在的section。换句话说，只要通过css将网站标题的背景图设成该图片即可。

顺便一提，该图片是远大于网页标题的，所以作者通过对标题设置了很大的padding来保证图片可以完全显示而不被裁剪或压缩。

php 首页加背景图片,如何在页首添加一张背景图片相关推荐

怎么设置整体背景为灰色html,设置网站图片为灰色以及css添加多张背景图实现...
Document //添加多张背景图片 .bg{ background: url("栈出.png"), url("u=264976548,648399195&fm ...
wordpress 背景_如何在WordPress中添加全屏背景图片
wordpress 背景 Full screen background image seems to be a new design trend that is becoming fashionabl ...
html怎么把图片当作导航栏,css利用一张背景图制作导航菜单实现思路及代码
今天介绍的这款简单非常简单,利用一张背景图片来实现菜单的悬停状态.我们看下面的图片: 仅这一张图片,我们实现一个横行CSS菜单.并设置它们的悬停效果.我们该如何做呢?看下面的图片: 这是一个示意图.最 ...
【加水印】如何批量加文字水印和图片水印，如何批量添加文件名水印到图片里？图片的名称批量写到图片上面？
本文所涉及的软件下载 CSDN尊贵下载:https://download.csdn.net/download/binbin321/19097204 百度网盘下载地址:https://pan.baidu ...
h5首页加载慢_wap h5页怎样提高加载速度
展开全部对于一个产品e68a84e8a2ad62616964757a686964616f31333363373735,性能在用户体验中是必不可缺的一环.性能优化是个长远的事情,联想到导航项目,列出以 ...
svg图片怎么存手机上_一张普通的图片，是怎么让安卓手机死机的？
关于我们日常使用的智能手机,大家可能都在网络上看过,一条简单的微信或者一个简单的表情包等就可以让我们的智能手机死机,情节较轻的重启手机解决,较为严重的直接就是数据丢失.而这背后的根本原因,很多都是相关 ...
java pdf添加图片水印图片_Java 在PDF中添加文本水印、图片水印（基于Spire.Cloud.SDK for Java）...
Spire.Cloud.SDK for Java提供了接口pdfWartermarkApi可用于添加文本水印addTextWartermark()和图片水印addImageWartermark()到P ...
c语言将url图片存到本地_一个22万张NSFW图片的鉴黄数据集？我有个大胆的想法……...
如果你想训练一个内容审核系统过滤不合适的信息,或用 GAN 做一些大胆的新想法,那么数据集是必不可少的.例如图像鉴黄,我们需要使用卷积神经网络训练一个分类器,以区分正常图像与限制级图像.但限制级的图像 ...
java pdf添加图片水印图片_Java 在PDF中添加文本水印、图片水印
(推荐)方式1: 创建Maven项目程序,通过maven仓库下载导入.以IDEA为例,新建Maven项目,在xml文件中配置maven仓库路径,并指定spire.cloud.sdk的依赖,如下: co ...

php 首页加背景图片,如何在页首添加一张背景图片

php 首页加背景图片,如何在页首添加一张背景图片相关推荐

最新文章

热门文章