同时有background-size background-positon 两个属性时候，如何在合并的background样式中展示

最新推荐文章于 2024-01-15 16:37:27 发布
最新推荐文章于 2024-01-15 16:37:27 发布
阅读量7.7k 收藏
点赞数 3
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ISaiSai/article/details/19686647
版权

  background：no-repeat scroll  0px 0px /  200px 29px   rgba(0, 0, 0, 0);

见上红色部分  / 做分割  前面是background-position  后面是 background-size 


没有找到相关资料，自己尝试出来的

ISaiSai
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
background的合并合并书写方式
qq_30668579的博客
11-17 3184
background: [background-color] 背景颜色 [background-image]  背景图像 [background-repeat] 规定图像重复 [background-attachment]  规定滚动方式
background的复合写法：图片、渐变色、纯色
最新发布
Serena_tz的博客
04-11 262
的复合写法可以使用逗号分隔多个属性值，每个属性值对应不同的背景层。属性，表示不重复平铺图片，使用100% 100%指定了背景图片的位置，使用。函数定义了一个线性渐变背景层，角度为38度，颜色从白色。函数指了一个图片背景层，图片路径为。指定了背景图片的大小。设置了一个纯色背景层。这个写法中，首先使用。
css background属性合在一起写background-size background-positon
fly_wugui的博客
05-08 1111
background：no-repeat scroll 56px 78px / 69px 69px rgba(0, 0, 0, 0) url(’…’); background：no-repeat scroll 56px 78px（background-position）/（分割线） *69px 69px *（background-size ） rgba(0, 0, 0, 0); ...
CSS3 新属性篇(五)：background-size属性
热门推荐
madman0621的博客
10-03 2万+
目录： background-size属性介绍 演示代码 background-size属性分析 设置固定尺寸的背景图片 背景图片的宽高是根据自身所属元素的宽高以百分比进行缩放 背景图片扩展并覆盖填充满整个所属元素区域 背景图片尺寸宽度和高度完全适应内容区域 一、background-size属性介绍 CSS3 的 background-size 属性能调整背景图片的大小，从而替代了用...
【笔记】CSS3背景background属性简写与连写
印记
09-27 648
background-color 背景颜色 background-image 背景图像 background-repeat 重...
关于background-size各个参数详解
JED'S BLOG
02-23 1万+
今天公司的要做一个名叫梦幻恋舞的webapp，在设置背景图的时候，明明已经把整个区域的高宽设置成100%了，但是背景图总不能全覆盖整个网页。考虑使用background-size这个属性，在用的时候发现background-size还有好多值，这边特地找一下学习一下。 属性名: background-size 属性值: * 其中 bg-size = [ |
前端界面进行自适应布局之positon属性使用
12-13
最近使用position属性进行界面布局，在以后的开发中将要经常使用，便于以后使用方便特别把样式写在这里： 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
no-random-positon.rar
06-28
在SUMO中，交通流的生成通常有两种方式：一是导入实际交通数据，二是自动生成。对于自动生成，SUMO允许用户设定起始时间、结束时间、车辆类型分布、车流速率等参数，以生成随机的交通流。在这个案例中，“no-random-...
UWA 2.X UTF-8 （v2.1.5_to_v2.2.0） 升级程序.zip
07-06
这只是一个升级包，下载时请注意！  2.2.0 ------------------------------------------------- [增强]uwa:tag_list标签列表支持 [更改]前台默认模板取消css和js合并 [增强]添加网站移动版 [增强]会员自定义...
body背景图片拉伸另类实现
12-13
body背景图没有拉伸效果，所以只能使用其他方法了 如下方法，IE中测试可行: 复制代码代码如下: <style type=”text/css”> body{ filter:progid:... background-positon: 100%, 100%; } </style>
CSS3中关于background一些属性及连写
weixin_44593658的博客
12-26 2251
background-image 它允许为背景添加一个图片或者一个渐变颜色 这里注意渐变色属于image 而不是color 下面我们写一个渐变色的div看看实际用法 .main{ width: 200px; height: 200px; border: 1px solid #333; border-radius: 50%; background-image: linear-gradien...
background的图片大小
m0_47999208的博客
01-15 625
css background-size 平铺属性
weixin_42238101的博客
09-12 1万+
对背景图片大小进行设置 div { background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat; } 主流浏览器基本全部支持 IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 属性。 background-si...
background-size
coolchaobing的博客
07-30 249
认识background-size
CSS：background 复合属性详解（用法 + 例子 + 效果）
Cosmoshhhyyy的博客
08-10 2811
本文详细介绍background的用法，例如：background-color 背景颜色（纯）、backgroundimage 背景图片 或者 渐变颜色、background-repeat 背景是否重复、background-size 设置图片大小、background-position 设置背景图片显示位置、background-attachment 设置背景图片是否随页面滚动。
css 中 background-size 属性
wytraining
11-18 2023
1.background-size: 100% 100%; (如果只设置一个值，则第二个值会被设置为 “auto”) 2.background-size: cover; 把背景图像扩展至足够大，使背景图像完全覆盖背景区域(某些部分也许无法显示在背景定位区域中) 3.background-size: contain; 把图像图像扩展至最大尺寸，使其宽度和高度完全适应内容区域(可能会在定位的区域中留白) ...
CSS background-size属性
小阳的博客
12-06 1628
在生活中size无处不在，某些时候，size很重要……嗯嗯…….我说的是background-size，想歪的同学可以去静静的面壁了。先不管面壁的同学，我们来探探background-size的奥秘。小时候，看过《西游记》之后，做梦都在想着自己也能够拥有孙悟空那能大能小的金箍棒，感觉很是神奇。长大后才发现那只是童话故事，于是不再做梦。做了技术之后，我的梦又延续了，因为技术真的可以做到能大能小。bac
css 通过background将两张图合成一张图显示
qq_44869043的博客
04-25 4253
需求背景： 后台返回两张图，一张是默认背景图bgimg，另一张是显示在背景上的图案img。 在列表中，bgimg一般不变，但img会根据不同的花的类型返回不同的图片。 需求是将两张图片叠在一起，让人以为是一张图片。 背景图bgimg： 图案img： 需求效果： 第一种方法：background <div class="list-item"></div> <style> .list-item { backgroud:url(img) right bottom no
Flux遍历List返回bean的positon和属性
06-03
如果你想使用`Flux`遍历一个`List`并返回每个元素的位置和属性，你可以使用`Flux`的`concatMap`操作符和Java 8的Lambda表达式来实现。下面是一个示例代码： ```java import reactor.core.publisher.Flux; import java.util.List; public class MyClass { public Flux<MyBean> concatMapMyBeanList(List<MyBean> beanList) { return Flux.range(0, beanList.size()) .concatMap(position -> { MyBean bean = beanList.get(position); // 在此处提取 bean 的属性并设置到新的 MyBean 对象中 MyBean newBean = new MyBean(); newBean.setProperty1(bean.getProperty1()); newBean.setProperty2(bean.getProperty2()); // ... newBean.setPosition(position); return Flux.just(newBean); }); } } ``` 在上面的示例中，`MyBean`是一个包含多个属性的Java Bean类，还包含一个名为`position`的属性。`concatMap`操作符将每个原始的`MyBean`对象转换为一个新的`Flux`对象，该对象只包含一个新的`MyBean`对象，该对象包含原始`MyBean`对象的属性和`position`属性。最后，`Flux`返回了一个包含所有新`MyBean`对象的序列。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值