原文:背景图以拉伸方式(不重复)填充背景

今天要解决一个用背景图以拉伸方式 不重复 填充背景的问题。 看了 用CSS把背景图片拉伸 和 css 如何让背景图片拉伸填充避免重复显示 后用background repeat配合background size解决了底图不重复的问题。但另一个问题来了,图片是按宽度作为比例进行缩放的,如果这张图是横向,在手机竖向时,下面一截就空了,如下图: 再次看 用CSS把背景图片拉伸 时发现示例中有backgr ...

2018-08-15 11:47 0 936 推荐指数:

查看详情

html-css控制背景图全屏拉伸不重复显示

在HTML中,当我们设置背景图,只能采用是否重叠、居中、重叠方向这几个选项 CSS3中设置 但是background-siz是CSS 3的属性,并不是所有的浏览器都支持。 CSS2中并没有图片全屏拉伸的属性,只能想其他办法。 利用一个DIV层,在里面装载一个IMG ...

Fri Dec 04 18:07:00 CST 2015 0 2206
css 如何让背景图拉伸填充避免重复显示

如何让背景图拉伸填充,这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的结果是只能重复显示,所以出现了repeat,repeat-x,repeat-y ...

Tue Feb 21 17:49:00 CST 2017 0 3927
css 如何让背景图拉伸填充避免重复显示

如何让背景图拉伸填充,这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的结果是只能重复显示,所以出现了repeat,repeat-x,repeat-y ...

Tue Oct 08 18:46:00 CST 2013 0 9806
关于app背景图拉伸的问题

最近在做APP项目时,遇到一些商城活动页需要使用背景图的问题,但是要适用不同手机型号,尤其是现在的大屏幕手机,手机普遍比较长的兼容性问题。 刚开始是直接用jpg图片做背景图,考虑到jpg图片要比png图片小,但是效果不是很理想,出现图片被拉伸的问题。 最后使用的是用png图片,把相关元素抠出来 ...

Wed Jan 06 17:37:00 CST 2021 0 369
QT如何设置窗口背景图拉伸填充窗口?

QT如何设置窗口背景图拉伸填充窗口? 获取窗口位置和大小 以下内容引用自:努力减肥的小胖子5的个人博客:网址 //窗口左上角的位置(含边框) qDebug() << this->frameGeometry().x() << this-> ...

Fri Apr 10 21:32:00 CST 2020 0 1729
Android背景图填充不变形

  android设置背景图片默认会被拉伸至填满视图大小,试过使用.9,但在线性布局不生效,最后找到一种解决方式,将图片缩放以保证在一个方向充满,另一方向使用空白像素填充,注意*图片拉伸方向边界一定要为透明或背景色。   首先使用BitmapFactory.decodeResource生成 ...

Sat Oct 10 17:20:00 CST 2020 0 576
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM