全屏幕图片 背景图

背景图

<div class="xxx" style="background-image:url(‘xxx.jpg‘) ;background-repeat:no-repeat; background-size:100%;">

</div>

通过Img标签设置

html:

<body >
    <img class="img" src="img/backg.jpg" alt="背景">
</body>

css：

.img{
            position: absolute;
            height: 100%;
            width: 100%;
        }

原文地址：https://www.cnblogs.com/expedition/p/10909299.html

时间： 2024-10-12 19:55:12

全屏幕图片 背景图的相关文章

几种基本样式，背景图，字体，下划线，行高垂直等

<div style=:width:600px; heiget:600px; background-color:...; background-image; background-repea:...; background-position; 宽度               高度                背景颜色                     背景图片                   背景图平铺                 背景图位置 background-attach

QT模态对话框用法（在UI文件中设置Widget背景图，这个图是一个带阴影边框的图片——酷）

QT弹出模态对话框做法: 1.新建UI文件时,一定要选择基类是QDialog的,我的选择是:Dialog without Buttons(),如下图: 2.然后在使用的时候: MyDialog dlg(this); dlg.exec(); 如果不加this,则会在任务管理器里面产生一个新的EXE. 3.如果对话框的标题是自定义,不想使用系统的标题,这时候需要在代码中加入: setWindowFlags(Qt::Dialog | Qt::FramelessWindowHint ); setAttr

蒙版图片和背景图法

<!--img--> <div class="fa1"> <div class="fat2"> <img src="../img/index1.jpg" /></div> <div class="meb"></div> </div> <!--background-img--> <div class="di

开发路程(14):背景图片移动插件MyFloatingBg(浮动背景图效果，可让背景随着页面的滚动而滚动)

MyFloatingBg这插件可以帮助你在网页上加入可移动背景Background.你可以用于整个文件的背景,或是某几个banner的背景. 它可支持简单的animation效果,你不用去做一个flash文件或动态gif图片.单靠jquery和图片,你便可以做出不同的效果.由于我们把动画效果跟内容分开,我们也可以随时更改文字等内容,而不影响其运作.这个效果很是大气,我想可以使用在高级餐厅,珠宝展会等中做展示用. 1 <!doctype html> 2 <html lang="e

CSS Sprites技术(将背景图整合到一张图中，再利用CSS背景图片定位到要显示的位置)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

【CSS】div的背景图完整图片覆盖

最初的代码: 1 .container_first { 2 width: 100%; 3 height: 100%; 4 background: url(10176581.jpg); 5 background-size: cover; 6 position: relative; 7 } 因为UI交给我的图片是按照iPhone6的尺寸来的,在iPhone4上面用cover的话覆盖的背景图是不完整的下面缺失 更改后的代码: 1 .container_first { 2 width: 100%; 3

初学ToggleButton 点击按钮，更换按钮背景图片；再次点击，恢复之前背景图

上方的图标,R.drawable.register_checked  是选中图片 下方的图标,   R.drawable.register_unchecked 是未选中图片 默认是上方的选中效果.点击按钮,取消选中:再次点击按钮,再次选中. 其实这是两张图片.关键在于图片必须跟着按钮改变. 一开始想用Button实现,纠结了很久,只有按上去和松开的效果,并没有点击后变背景图片的效果. 后来百度了很久,找到可以 用ToggleButton实现我想要的效果,在这里与大家分享. XML: androi

texturepacker打包图片，场景切换时背景图有黑边

在使用TexturePacker打包图片之后,背景图在场景切换(有切换动画)时,明显能看到有黑边,在百度之后解决了. 知乎上边有网友贴出了两种解决方法,我抄过来如下: 第一种: 修改 ccConfig.h 将 #define CC_FIX_ARTIFACTS_BY_STRECHING_TEXEL 0  改为 #define CC_FIX_ARTIFACTS_BY_STRECHING_TEXEL 1  第二种: 在AppDelegate::initInstance()方法的最后调用CCDirect

不同分辨率下，背景图片保持居中，导航条与背景图固定位置，按原比例共同进行缩放

1.如果导航条需要居中显示,背景图与导航条切合的部分也要在图中居中 2..banner{height:260px;background:#b2d574 url(banner.jpg) center no-repeat} 3.导航条宽度与背景图切合部分宽度一致,并居中显示