背景图片位置设置

举例:

background: url("images/pc4.png") 100% 0 no-repeat;

以上,100%和0表示(x,y)位置。

x=左侧距离÷(对象宽度-背景图片宽度)×100%;

y=顶部距离÷(对象高度-背景图片高度)×100%;

另外,先设置背景图片,再设置背景颜色,两者可以共存。

原文地址:https://www.cnblogs.com/wanlibingfeng/p/11112550.html

时间: 2024-12-01 17:24:06

背景图片位置设置的相关文章

背景图片位置设置为百分比

background-position:50% 50%;水平和垂直方向都居中. background-position:value1 value2 value1和value2的值可以值绝对值也可以是百分数,大部分值都很好理解,但是50% 50%这两个值是如何计算的呢? 图片水平和垂直居中.与 background-position:center center;效果等同. 等同于x:{容器(container)的宽度-背景图片的宽度}*x百分比,超出的部分隐藏. 等同于y:{容器(containe

android 背景图片的设置

在java文件中对控件设置背景图片 layout.setBackgroundDrawable(getResources().getDrawable(R.drawable.bgimage)) 在设置中,通过发送广播对整个布局中的背景进行更改. menu_bg1.setOnClickListener(new SendBroadcast()); private class SendBroadcast implements View.OnClickListener { @Override public

Python爬虫之提取Bing搜索的背景图片并设置为Windows的电脑桌面

??鉴于现阶段国内的搜索引擎还用不上Google, 笔者会寻求Bing搜索来代替.在使用Bing的过程中,笔者发现Bing的背景图片真乃良心之作,十分赏心悦目,因此,笔者的脑海中萌生了一个念头:能否自己做个爬虫,可以提取Bing搜索的背景图片并设置为Windows的电脑桌面呢?Bing搜索的页面如下: ??于是在一个风雨交加的下午,笔者开始了自己的探索之旅.当然,过程是曲折的,但笔者尝试着能把它讲得简单点. ??首先,我们需要借助一些Python模块的帮助,它们是: urllib seleniu

背景图片的设置

之前就知道了用一张图片来设置页面内的所有背景的技术.原理很简单, 利用background-potision精确地定位到图片的位置.好处是减少页面的http请求数. 老实说,我并不觉得这个技术有多值得推广.虽然是减少了http请求数,但对于99%的网站来说 ,这个改进基本是看不见的.除了超一流的大网站,流量巨大,减少http请求数可以看到效果, 绝大多数的网站根本不需要这个技术.相较于它带来的几乎看不见的好处,它带来的坏处却很多. 首先,要把所有小图片集中到一张大图片上,这多了一个步骤,而图片之

背景图片相关设置

body{ background-image:url('smiley.gif');//图片地址background-repeat:no-repeat;//是否重复background-attachment:fixed;//网页滚动时,背景图片是否跟着滚动background-position:center; } background-attachment scroll:默认值.背景图像会随着页面其余部分的滚动而移动. fixed:当页面的其余部分滚动时,背景图像不会移动. inherit:规定应

css之背景 | padding | 背景图片 | 位置

1.边界距:两个元素之间边框的距离 可以分别指定上右下左:如果写margin:一个值,就是上右下左的边界距都是一个值. 举例: tip:不写margin的话默认就会是0px,就是不加边界距,就是原来图片的位置 2.填充属性:边框内空间的大小 举例: 3.对任何元素指定背景图片 tips1:找图片的网址,图片右键属性->地址 4.设定背景图片的重复方式: 默认是重复的 举例: 5.背景附着: 举例: 6.背景定位(用于背景图片): 举例: 离上边100px,离左边100px:

css背景图片位置:background的position(转)

position的两个参数:水平方向的位置,垂直方向的位置----------该位置是指背景图片相对于前景对象的 1.background:url(../image/header.jpg) no-repeat left top;  /*相当于0%  0%*/表示背景图片在指定div的位置,从左上角开始 2.background:url(../image/header.jpg) no-repeat right bottom;  /*相当于100%   100%*/表示背景图片从指定div的右下角开

QPushButton设置背景图片,设置背景透明度

设置按钮的背景图片,背景透明度 1 QPushButton *push_button = new QPushButton; 2 push_button->setMaximumSize(32, 32); 3 push_button->setMinimumSize(32, 32); 4 QIcon btn_add_icon; 5 btn_add_icon.addFile("images/add.png"); 6 push_button->setIcon(btn_add_i

background-image 背景图片的设置

属性:background-image: url(img/banner.jpg); 1.设置背景图的宽度 background-size: 400px; 2.设置背景图的宽度 百分比,以父元素的百分比来设置背景图的宽度和高度,第一个值为宽度,第二值为高度,一般不设置高度,会变形 background-size: 50%;只显示50%的宽度 background-size: 100%;只显示100%的宽度 background-size: 100% 80%;只显示100%的宽度 3.设置背景图的宽