给一个div添加多个背景图片

摘要:
效果:代码:。mod_ get_ gift{height:100%;背景颜色:#E9F8FF;背景图像:url(../assets/imgs/gift_1.png),url(../ssets/imgs/

效果:

给一个div添加多个背景图片第1张

代码:

<template>
  <div class="mod_get_gift">
    
    

  </div>
</template>

<style lang="less" scoped>
  .mod_get_gift{
    height:100%;background-color:#E9F8FF;
    background-image: url(../assets/imgs/gift_1.png), url(../assets/imgs/gift_4.png);
     background-position: top center,bottom center;
    background-repeat: no-repeat, no-repeat;
    background-size:100% auto,100% auto;
    padding:1.60rem 0 2.80rem;overflow: auto;position:relative;
    
  }
</style>

免责声明:文章转载自《给一个div添加多个背景图片》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇商品库存的扣除过程,如何防止超卖?mybatis 关联查询如何下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

同时区分IE6、IE7、FF三种浏览器的Hack

区别不同浏览器,CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green!important;background:blue; 区别IE7与FF: background:orange;*background:green; 区别FF,IE7,IE...

background-size cover和contain的用法详解

我们还可以通过background-size来控制背景图片的尺寸。 background-size有几个属性值,常用的是cover和contain。那么background-size:cover和contain二者之间有什么区别呢? 下面学做网站论坛就来介绍一下background-size cover和contain的区别和用法。 相同点: 可以控制背...

WPF默认控件模板的获取和资源词典的使用

一、获取默认的控件模板WPF修改控件模板是修改外观最方便的方式,但是会出现不知道原来的控件的模板长什么样,或者想用来参考的,下面分享一下获取某控件默认控件模板的方式(已Button为例): 1、创建一个Button 2、在界面上选择Button,右键->编辑模板->编辑副本 ,即可看到XAML中自动生成了原始的控件模板 3、可以在默认模板上修改...

如何解决PC端和移动端自适应问题?

   做网页时,我们通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,那么如何解决呢?现在主要是采用自适应来解决高度,宽度的,以及图片自适应问题,下面就PC端和移动端来总结一下,通常进行自适应高度和宽度,图片时,一般与页面的布局存在关系。 1、最小尺寸分辨率1024*768(传统17寸显示器),则可以采用940px、960...

easyui icon的使用相关

easyui的默认图标有以下这些: .icon-blank{ background:url('icons/blank.gif') no-repeat; } .icon-add{ background:url('icons/edit_add.png') no-repeat; }...

CSS伪元素before和after

今天发现很多国外的网站和框架设计都用到了before和after,之前使用的比较少,今天试了下觉得还是很有意思的~ 说明 1. :before 和 :after将在内容元素的前后插入额外的元素;:before将会在内容之前“添加”一个元素而:after将会在内容后“添加”一个元素。在它们之中添加内容我们可以使用content属性。 2. :before 和...