css中背景图片后加css 百分比减去像素指的是啥？

来源：蜘蛛抓取(WebSpider) 时间：2018-03-22 01:58 标签： css3圆形百分比进度条
他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)css中如何调整插入背景图片的大小_百度知道
css中如何调整插入背景图片的大小
我有更好的答案
CSS2.1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比，如background-size:100px 200表示把背景图片大小调整为100x200px，目前IE只有IE9支持这个属性，其它主流浏览器也都支持
采纳率：35%
来自团队：
景图片实现不了缩放，没有缩放属性，背景图片大于容器，只可以设置背景图片的位置，和重复等属性，是多大就是多大，容器只会截取某部分，或者不重复，小了则根据你的定义重复显示
先用ps调整图的大小，然后再控制
图片的缩放功能你可以用zoom来试试，后面更一个属性值，可以为百分数，也可以为浮点实数。希望对你有帮助，请采纳。可以直接这样子：zoom：0.75是缩放75%
其他1条回答
为您推荐：
其他类似问题
您可能关注的内容
大小的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
css中有宽度百分百，若想达到高度占屏幕的百分百，宽度保持纵横比应该怎么做呢， 希望详细解答，嘻嘻
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
如果你指的是背景图的话... background-size: auto 100%; 会是你想要的效果的。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
虽然也想能够详细回答，但是爱莫能助啊，不知道你要什么，需要什么。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
background: url(../images/main1_bg.jpg) no-
background-size:
background-attachment:我以前写的，这里的background-size：100% 100%；估计可以，但比例会失真。我现在用的办法都是把img设置为absolute，top:0;left:50%; height:100%; 然后在标签上写&img ... onload="setPos(this)"&然后这个setpos函数写在js文件里，function setpos(ts){
var w=ts.width/2; ts.style.margin="0 0 0 -"+w+"px";
这个函数会在图片加载完成后执行，让图片水平居中。
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)博客分类：
目的是：通过background的一系列属性，让DIV按照背景图片的比例缩放，并让背景图片填充整个DIV
首先我们需要让背景图片在指定的DIV中全部填充显示
之前看有用类似 background-attachment: 的fix来实现背景图片的填充，但是，貌似是不能按照当前的DIV大小去填充。
我的情况是，宽度按照整个屏幕的百分比来调整，但是高度，又不能通过整个屏幕的高度百分比来调整，而也想通过宽度的百分比，即宽高比希望与背景图片的宽高比相等。
通过一下属性，先填充
background-size: 100%
background-repeat: no-
background-image: url(../images/aaa.png);
然后通过对这个div的before添加样式
content: "";
display:
padding-top: 100%;
/* 代表1：1，如果是想要5：1就是20%，根据图片大小比例，那就自己算一下吧*/
这块实际上做的就是用before占用一块位置，把相应的高度撑起来～
然后里面就可以放任何东西了，当然，里面的东西要保持
position:
&&& top: 0;
&&& left: 0;
&&& bottom: 0;
&&& right: 0;
width:100%;
height:100%;
同时，上一层的position要是relative的，这样就可以保证，里面的内容刚刚好在背景图片这个区域了
浏览 42345
浏览: 566160 次
来自: 大连
最近了解到一款StratoIO打印控件，功能如下：1、Html ...
不错不错，试了，是可以的
我遇到这个问题了！我的原因是配置文件里写得各个包的xsd文件的 ...
我只想知道，你最后配置成功了吗？我这里怎么tomcat总是死呢 ...
jun23100 写道我也遇到这个问题了，环境都是正确的，怎么 ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'

我要回帖

更多关于 css3圆形百分比进度条 的文章

 

随机推荐