在编写网站的时候,给一个div设置背景图片,怎么让这个图片随着div大小的改变,而等比例的缩放。?

  background: url(**);background-size: cover;background-position: center center;
v+="<div    class='jdal-img' onmouseover='aaa(this)' onmouseout='bbb(this)'  style=' width: 100%; height: 200px; background-image: url("+data.content[i].pictureUrl+"); background-size: cover;background-position: center center;z-index: 10;'>";
v+="<div  style=' width:90%; height:150px; padding-left:15px; padding-right:10px; opacity:0.85; z-index:11; color:#fff; font-size:15px; background-color:#03a9f4;  display: none; padding-top:50px; '><img style='width:70px;height:70px;margin-left:73px;margin-top:-30px; margin-bottom:20px;' src='images/xjdal-tb.png'><br>"+data.content[i].content+"</div>";

在编写网站的时候,给一个div设置背景图片,怎么让这个图片随着div大小的改变,而等比例的缩放。相关推荐

  1. div设置背景图片自适应

    div设置背景图片,不重复不变形,还可根据不同屏幕的宽度,自适应高度 效果: 宽度变窄,高度相应比例变窄 宽度变宽,高度相应比例变宽 高度与宽度无法直接自适应,需要找一个中间的属性相串联. 宽度的自适 ...

  2. div自适应背景图的尺寸:设置背景图的方式;img作为div元素的方式

    目录 零.问题描述和基本情况介绍 案例: 问题及疑问: 一.background-size:cover;和background-size:100%;的区别: 1.background-size:100 ...

  3. YDOOK : CSS div 设置背景图片大小自动缩放

    YDOOK : CSS div 设置背景图片大小自动缩放 设置示例: 选择器{width:100%;height:100%;background-repeat:no-repeat:background ...

  4. Jquery 给div设置背景图

    jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了 $(this).css(&quo ...

  5. html 页面div设置下拉条,如何让页面中的div出现滚动条?

    页面上的四个div设置了绝对定位,如何让这四个div出现滚动条??超出页面的部分可以滚动? 拖动div *{ margin: 0px; padding: 0px; } /*拖曳*/ .drag{pos ...

  6. html给div设置背景显示不出来,html – div背景没有显示

    这将成为页面的页脚. 我有一个背景颜色的div和2段与div相同的背景颜色.一段落在另一段左边.我看到背景颜色的唯一位置直接在段落的文本后面. 虽然我确实找到了一个桌子的工作,但我想知道为什么它会以这 ...

  7. div设置背景半透明

    2019独角兽企业重金招聘Python工程师标准>>> 第一种: #a{ background:#FFCC33; filter:alpha(opacity=50); /*支持 IE ...

  8. div设置背景图background:url

    <div style="background:url('./bailu.png');background-size:100%;height:600px;"> 122 & ...

  9. div 左右并排,使用CSS如何让两个div并排显示

    用CSS如何让两个DIV盒子并排体现呢? 各人知道默认情况下DIV是独占一排的,DIV不设置任何CSS格局,这个DIV盒子都邑独有一行踊跃换行. 运用CSS让两个DIV并排闪现,排成一排显示思空见贯方 ...

  10. 修改DIV滚动条样式 设置滚动条之前先把div设置一定的高

    1.修改DIV滚动条样式   设置滚动条之前先把div设置一定的高 // 1./*滚动条样式*/ div::-webkit-scrollbar { /*滚动条整体样式*/width: 5px; /*高 ...

最新文章

  1. 5G时代,微软又走对了一步棋!
  2. 用Leangoo敏捷开发工具如何管理用户故事?
  3. python3 socks.wrap_module方法 针对单个模块进行代理设置
  4. centos7下解决tomcat启动慢的问题
  5. Luogu P1280 Niko的任务【线性dp】By cellur925
  6. HTML5之本地存储localstorage
  7. 文档碎片createDocumentFragment
  8. 最简单的推荐系统实践
  9. 推荐程序员收藏的几个技术社区以及工具网站
  10. MVC 原理和框架图
  11. 电子信息工程考研专业c语言,电子信息专业考研专硕考什么
  12. Spark视频王家林大神 第7课: Spark机器学习内幕剖析
  13. 线下沙龙:靠谱的区块链应用到底是啥样?
  14. Mac如何给压缩文件加密
  15. 《学会提问-批判性思维指南》--70页原创PPT免费分享 (评论: 学会提问)
  16. 网络布线之有线传输+UTP线缆连接
  17. 中止执行后超过2年_中止两年终结本次执行吗
  18. PHP日期转换为时间戳
  19. 非常棒的开源协同办公OA项目,收藏了!
  20. 第一篇——重装系统(微PE)

热门文章

  1. w ndows10专业版连接不上网,windows10系统电脑插着网线却连不上网如何解决
  2. html中如何设计圆形图案,纯CSS绘制漂亮的圆形图案效果
  3. 2021-12-12
  4. java中config是什么意思_在计算机的命令中Config是什么意思啊?
  5. 汇率实时行情查询接口
  6. 1800套solidworks非标机械自动化3d设备图纸
  7. Linux数据恢复的研究
  8. 四种方法解决微信小程序设置背景图片,哪种最好?
  9. 办公软件的安装,简单操作进行安装office操作步骤。
  10. MySQL练习题及答案