css设置画面平铺,玩转CSS | 设置网站平铺自适应全屏背景CSS代码

news/2024/5/10 3:44:33/文章来源:https://blog.csdn.net/weixin_33066321/article/details/119369825

【摘要】简介:设置网站背景,根据用户屏幕大小,自动适应!适用于EMLOG各个模板,并且测试在其他的建站系统,CMS,wordpress,Zblog都可以正常的使用!效果如图:body{background-color:#50577...

简介:设置网站背景,根据用户屏幕大小,自动适应!适用于EMLOG各个模板,并且测试在其他的建站系统,CMS,wordpress,Zblog都可以正常的使用!

效果如图:dfb61347e9beb23de672d7919b044226.png

body {

background-color: #505770;

background-image: url(http://www.dyboy.cn/htbj.jpg); //此处修改背景图片url

background-repeat: no-repeat; background-attachment: fixed; background-position: center 0; background-size: cover;

}

#Top{ position: fixed; top: 0; right: 0; left: 0; background: #fff; background: rgba(255,255,255,.4); box-shadow: 0 0 1px 0 rgba(0,0,0,.3),0 0 6px 2px rgba(0,0,0,.15); }

#Wrapper{ padding-top: 30px; background: none; }

.box{ border: none; border-radius: 2px; background: rgba(255,255,255,.6); box-shadow: 0 0 2px rgba(0,0,0,.2); }

#Bottom{ border: none; background: rgba(255,255,255,.6); box-shadow: 0 0 2px rgba(0,0,0,.2); }

请将本css代码,加入到网站主要的css中,例如大前端模板用户可直接在自定义css中添加即可,其他的添加到main.css底部即可。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_823113.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux 查看网站并发数,Linux 查看 TCP并发数

8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?查看httpd进程数(即prefork模式下Apache能够处理的并发请求数):Linux命令:ps -ef | grep httpd | wc -l返回结果示例:17查看Apa…

Java开发者必备十大学习网站

作为开发者来说,必备的除了对编码的热情还要有自己的一套技巧,另外不可缺少的就是平时学习的网站。以下本人收集的 Java 开发者必备的网站,这些网站可以提供信息、以及一些很棒的讲座 , 还能解答一般问题、面试问题等,或许你会认为…

让自己的网站作品与世界相通

第一步:先注册一个属于自己的域名,这个域名是独一无二的。推荐到主机屋注册一个,其实在哪里注册都是一样的,但是主机屋提供免费的地址解析服务(只对在主机屋注册的域名免费)。 主机屋官网:http:…

Python实现抓取网站子域名实现方式

有时候需要用Python获取某个网站的子域名,在检测一些大站的时候常会用到。以前找某个网站的子域名我用的方法是在网站内和链接处找,偶尔也会用到google。后来听朋友乔三少说bt5下有个获取子域名的小工具,没怎么在意。有一天要获取某个网站的子…

Python之 - 使用Scrapy建立一个网站抓取器,网站爬取Scrapy爬虫教程

Scrapy是一个用于爬行网站以及在数据挖掘、信息处理和历史档案等大量应用范围内抽取结构化数据的应用程序框架,广泛用于工业。 在本文中我们将建立一个从Hacker News爬取数据的爬虫,并将数据按我们的要求存储在数据库中。 安装 我们将需要Scrapy以及 …

快速排名系统询火星推荐_360网站快速排名系统 - 影响网站排名的外链因素

原出处:超级排名系统原文链接:http://www.chaojipaiming.com360网站快速排名系统注册地址 seo.chaojipaiming.com 网站关键词快速排名优化,7-15天关键词排名到首页,PC端和移动端都可以优化,支持百度、搜狗、360、神马等…

ogre在Linux下如何创建窗口,一步步搭建Ogre - 菜鸟学Ogre教程_Linux编程_Linux公社-Linux系统门户网站...

这次的教程是完全脱离了wiki的框架,白手起家搭建Ogre。Ogre的最基本的生命周期如下:1.创建根对象;2.定义Ogre将要用到的资源;3.选择并设置渲染引擎(指的是DirectX,OpenGL等等);4.创建渲染窗口;5…

源代码泄露获取某电子商务网站服务器权限

源代码泄露获取某电子商务网站服务器权限 simeon 渗透本次目标事发偶然,通过shadon对“phpMyAdmin”关键字进行检索时,加入“index Of”关键字后,会出现所有存在列目录漏洞的网站,该网站为电子商务网站,网站保留有数万…

利用Mysql root帐号获取某Linux操作系统网站webshell

利用Mysql root帐号获取某Linux操作系统网站webshell simeon 获取Webshell,网上有很多文章,本文是phpMyAdmin漏洞利用与防范专题中的一个研究课题,其主要环境是在有Mysql数据库root帐号密码权限的基础下,如何通过技术手段获取Linu…

对某网站被挂黑广告源头分析

1.1对某网站被挂黑广告源头分析 任何的攻击都会留下痕迹,通过日志分析来发现漏洞,发现入侵的途径和路径,为漏洞分析和攻击溯源提供支持。在本案例中通过对日志文件的分析,成功获取后台地址,获取进入者的IP地址等信息。 1.1.1事件介绍 1.公司主站及其它站点被挂广告 某日晚…

对某入侵网站的一次快速处理

1.1对某入侵网站的一次快速处理 simeon 1.1.1入侵情况分析 凌晨1点,接到朋友的求助,网站被黑了,访问网站首页会自动定向到一个赌博网站,这个时间点都是该进入梦乡的时间,可是国家正在开会,这个时间点的事情都比较敏感,没有办法,直接开干吧。 1.查看首页代码 通过查看首…

4.公司网站被入侵——弱口令账号惹的祸

4.1公司网站被入侵——弱口令账号惹的祸 一些公司公司其内部网络跟web服务器直接相连,虽然在出口做了安全限制,仅仅允许80端口对外进行连接,但如果提供web服务的站点存在安全隐患,通过渗透,获取webshell,通过webshell提权,通过代理程序直接穿透内网,进而控制整个域控和…

网站服务器出现的链接错误,网站页面出现死链是哪些原因导致的?

网站死链大家都知道对于网站有较大的影响,一个站点存在着过多的死链是可能会导致网站降权,严重还会被K站,所以网站必须减少死链接情况出现。死链接是开始有效网站,过一段时间成为无效网站。到底哪些情况,导致死链接的出…

腾讯云服务器文件怎么恢复吗,实战腾讯云镜像备份恢复云服务器实例提取网站数据文件...

本来这个问题是准备今天操作的,但是担心今天要陪伴孩子出去玩,所以就在昨天晚上给客户搞定。这个网友的问题是服务器到期,然后找腾讯云客服备份镜像,但是他服务器已经到期删除,但是镜像好在还在的,所以我准…

python网站服务器面板,宝塔面板Python项目管理器部署flask

使用宝塔面板中的python项目管理器部署flask项目。最近想写一个工具箱的网站,之前使用的是PHP语言开发的,有一些功能是通过PHP无法实现的。在我的博客的第二个版本中就把开放平台功能模块关闭啦!目前在使用flask框架在构建新的应用&#xff0…

PHP网站总是打印错误信息,PHP错误报告和错误信息设置详解_php

在php网站开发中,错误(Bugs)调试和解决是必不可少的部分,在网站调试阶段,错误信息能给我们很大帮助,当网站上线之后,我们是否也应该将原始的错误信息展示在用户面前呢?答案是否定的,为了提高用户…

Tomcat的下载及网站介绍初步测试

Tomcat下载地址 下载地址:https://tomcat.apache.org/ 下载完成后,解压压缩包: 文件夹信息 在bin目录下,startup.bat是运行tomcat、shutdown.bat是停止运行tomcat 测试tomcat 开启tomcat 双击startup.bat 会弹出&#xff1a…

怎么判断按摩店有服务_广州SEO外包服务推广哪里可以找到?怎么判断好不好?...

说到竞争压力大,网络营销一点都不会比线下轻,因为足不出户的消费习惯已成为了广大用户的习惯了。所以,随着移动互联网的迅速发展,企业需要使用有效的方法把自身的产品推广出去。而SEO推广是一种很不错的方法,因为它是一…

大规模网站架构的缓存机制和几何分形学

缓存机制在我们的实际研发工作中,被极其广泛地应用,通过这些缓存机制来提升系统交互的效率。简单的总结来说,就是在两个环节或者系统之间,会引入一个cache/buffer做为提升整体效率的角色。 而 有趣的是,这种缓存机制令…

分分钟在自己电脑上建一个视频网站,收费电影随便看,还没广告!

声明iker干货 本文仅作为技术文章,不鼓励不诱导用户观看盗版视频。第一步分分钟在自己电脑上建一个视频网站,收费电影随便看,还没广告!第二步安装好软件后先切换环境,推荐使用 PHP 7.0.12 Apache,&#xf…