qq_29408129 2015-06-29 09:36 采纳率: 0%
浏览 25752

css3怎么让背景宽为100%时,高度跟这个背景图等比例拉伸呢

 <style>
*{ margin:0; padding:0;}
.kech{ background-image: url(tu.jpg) ;background-size:100% auto;background-repeat: no-repeat; width:100%;}
.kech:before{content: ""; display: block; padding-top: 100%;}
.kech1 img{ width:100%;}

</style>
</head>

<body>
<div class="kech"></div>
<div class="kech1"><img src="tu.jpg"/></div>
</body>

我在网上找的,用:before,padding-top:100px;但是不对,就是想要kech跟kech1里的效果一样,当宽设置为100%时,背景等比例拉伸,就像把图片宽设置100%,高度自适应一样的效果

  • 写回答

3条回答 默认 最新

  • Tiger_Zhao 2015-06-30 06:03
    关注

    widthbackground-size 不要一起用。只要下面这样就可以了。

        .kech{ background-image: url(tu.jpg) ;background-size:100%;background-repeat: no-repeat;}
    
    
    评论

报告相同问题?

悬赏问题

  • ¥15 MapReduce结果输出到HBase,一直连接不上MySQL
  • ¥15 扩散模型sd.webui使用时报错“Nonetype”
  • ¥15 stm32流水灯+呼吸灯+外部中断按键
  • ¥15 将二维数组,按照假设的规定,如0/1/0 == "4",把对应列位置写成一个字符并打印输出该字符
  • ¥15 NX MCD仿真与博途通讯不了啥情况
  • ¥15 win11家庭中文版安装docker遇到Hyper-V启用失败解决办法整理
  • ¥15 gradio的web端页面格式不对的问题
  • ¥15 求大家看看Nonce如何配置
  • ¥15 Matlab怎么求解含参的二重积分?
  • ¥15 苹果手机突然连不上wifi了?