background-size

    1热度

    2回答

    我经常使用background images在圆角正方形内显示图标。有时为了响应的目的,我需要缩小广场和图标的大小。 但是,当我有几个图标显示为不同尺寸的background images,并且我想显示所有图标,例如70%的原始尺寸时,我不能只设置一个background-size: 70%,因为这意味着平方的70% ,而我想要的是70%的background image自己的大小。 任何方式来实

    0热度

    1回答

    我正在构建一个Wordpress网站。在主页上,我试图定位一个球,而不会影响滑块下的其他div,主题制作者给出了相同的类名。我想要做的是把球放小,放在写作之下。主题不允许我为该图像分配一个类。这是我尝试过的,但它影响了该行中的其他图像。请有人帮助我吗?我想我可能能够使用第一个孩子,但不知道。谢谢! .cg-strip .cg-strip-bg { background-size: co

    0热度

    1回答

    当调整页面的宽度大小时,我只希望当徽标任何一侧都没有剩余空间时开始包含徽标,因此在此时调整为页面的宽度。一定很容易!在小提琴的例子似乎像我想要的行为,但不与我自己的代码它包含背景大小(标志)的时间。 我希望徽标中心页面具有一种尺寸,并在页面宽度达到徽标的两端时调整尺寸。希望你能理解我的英语。 这里:fiddle #logo { display: block; background: url("

    0热度

    2回答

    我有一个背景图像的div是未知的大小。它可以是16px高,它可以是1600px,以及其间的任何东西。那里有一个大约440px宽和250px高的背景图片。 当div高于250像素时,背景图像不会缩放。这是理想的行为。到现在为止还挺好。 如果div的高度低于250像素,则剪切背景图像。这是不需要的:我希望它能够缩放到div的较小高度。 如何使用css(或者,如果不可能的话,js)在不适合其div的情况

    2热度

    2回答

    我在尝试制作流畅的HTML页面时遇到了问题。 (我想考虑不同大小的分辨率,所以我正在处理宽度为1920px的背景图像) 所以我想制作一对堆叠的div,每个div都有一个通过背景大小调整大小的背景。但是,我注意到我无法获得100%或包含作为属性值,除非我也手动设置div的高度。我可以使用set px或%手动设置它,但我觉得这不是动态设置div高度的最佳方式。 所以我想知道是否有更好的方法来设置div

    0热度

    3回答

    我使用: body { background:url('../img/wide.jpg') center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:

    0热度

    1回答

    我试图弄清楚制作背景图像的最佳方法 - 完全响应 - 到目前为止,我可以找出的最佳方法是使用背景大小:封面,因为大多数人往往会建议,但与背景-attachment:固定的,以便图像在屏幕大小调整时按比例缩小,否则它会保留原来的比例并且不会缩放。使用只是背景大小:覆盖拉伸图像以填充容器div,但不会自动缩放比例。 但是,我不希望在向下滚动时隐藏图像部分的固定背景效果并希望它是后台附件:滚动,但我不能

    0热度

    1回答

    试图在表格中使用背景大小封面并且没有得到我所追求的结果。 参见: http://jsfiddle.net/pp9st63L/1/ .image th { background-size: cover !important; height: 300px; width: auto; } 的数据列(不包括最左列)应该等于宽度,但是列数是可变的。有时3次和其他4次(包括

    9热度

    2回答

    是否有一种简单的方法可以通过Javascript或jQuery获得背景图像的最终高度和宽度,即使应用了background-size属性? 我的意思是,我知道我可以获取背景图片的URL并将其加载到一个Image对象,然后获取宽度和高度。但它是源图像的大小。如果有人用CSS缩放,则尺寸发生变化 如何找到最终尺寸? @edit 它是从标记为类似的问题不同,因为它不说怎么弄的大小以像素为单位,如果有人改

    5热度

    3回答

    我正试图实现最近看到的效果,其中背景图像放大悬停。我几乎在这里用例子:https://jsfiddle.net/qyh6nbwt/,但它似乎很不稳定(你会理解我的意思是悬停在它上面),我在osx上运行最新的chrome版本,还没有在其他浏览器中检查它。 有没有办法让它更平滑,所以在放大时不会“摇晃”? HTML <div id="example"> test </div> CSS