CSS背景图像高度自动裁剪

文章/答案/技术大牛

发布

2回答

在HTML5和css中调整图像大小并剪切图像

html、css、responsive-design、resize-crop

我的要求- 如果图像宽度大于父宽度，则从左和右平均裁剪。然而，我觉得我这样做很乏味，而且在CSS和/或jQuery中有一些非常简单的东西。你能帮我使用纯css (最好)吗？

浏览 2提问于2013-12-19得票数 4

回答已采纳

1回答

将背景大小和背景位置相对值转换为绝对PX值。

javascript、jquery、html、css、html5-canvas

我有一个带有背景图像、自定义背景大小(自动+ %)和自定义背景位置( x% y%)的div。所以我有这些数据： div bg

浏览 1提问于2018-03-22得票数 0

回答已采纳

2回答

html、css、css-selectors

background-attachment: fixed; background-position: center center; } 下面是我用来为div设置背景图像的CSS代码。我面临的问题是，当达到特定的屏幕宽度(设备大小)时，图像高度会自动裁剪。我该如何解决这个问题呢？

浏览 42提问于2020-10-20得票数 0

1回答

强制响应图像库作为其父级的高度

jquery、css

我在这里有一只小提琴： .图库-项目{背景-位置: 50% 50%；背景-重复:不重复；-webkit-背景大小:封面；-moz-背景大小:封面；-o-背景大小:封面；<e

浏览 1提问于2014-10-19得票数 0

回答已采纳

3回答

如何在框中定位图像，使其在宽度或高度上恰到好处，以较小者为准？

html、css、image-scaling

我想从服务器加载一些照片，并显示在一个自己的框中，这样框是填充的，图像居中(而不是拉伸)，如果它太大的话。例如，我可以在不知道每个图像大小的情况下使用CSS实现这一点吗？

浏览 0提问于2012-04-11得票数 5

回答已采纳

1回答

图像自动拉伸/压缩/双向裁剪

jquery、html、css、image、image-resizing

自动裁剪图像的高度以保持高宽比。

浏览 1提问于2014-08-27得票数 1

回答已采纳

4回答

我将CSS添加到复选框中，它工作得很好。我使用本地文件(名为check.png)作为检查背景图像，并将其裁剪到复选框区域内。这里有两个复选框，一个选中，一个未选中 ? 现在我想知道是否有可能，而不是在CSS文件中手动设置25px，获得背景图像的实际宽度和高度，并将宽度设置为background.width，高度设置为background.height/2。如果我更改了check.png并且仍然正常工作，这将允许它<e

浏览 88提问于2017-05-09得票数 1

回答已采纳

2回答

jQuery裁剪图像并查看实时预览

jquery、html、css

我想使用这些值来为用户实时裁剪图像的副本。任何值得欣赏的想法：)

浏览 0提问于2011-02-03得票数 3

回答已采纳

1回答

jQuery background-第一次悬停时，位置动画以相反方向移动

jquery

当我在Chrome (Windows8)中“.tile”类的div上执行第一次悬停时，背景位置虽然被指定为只有负移，但却在相反的方向上后退。

浏览 0提问于2013-01-10得票数 1

回答已采纳

3回答

如何居中全高变宽的图像

javascript、html、css、windows-8、winjs

当屏幕显示(也是任意宽度/高度)时，我正在尝试以全屏显示图像(任意宽度/高度)。我使用的是HTML/CSS/JS。我希望图像始终占据整个屏幕。如果图像的纵横比比屏幕低，那么我应该裁剪顶部和底部。如果图像的纵横比比屏幕高，那么我应该裁剪左边和右边。我永远不想看到边缘是黑色的。我可以使用背景图像(和背景位置等)来完成。但我对此有一个问题(

浏览 0提问于2012-12-10得票数 1

回答已采纳

1回答

css背景图像，自动缩放和裁剪填充屏幕。

css、background

是否有CSS规则可以自动缩放图像并裁剪图像以填充整个容器？现在，我正在使用javascript进

浏览 1提问于2013-07-24得票数 0

回答已采纳

1回答

图片在不同屏幕尺寸上的缩放

asp.net、model-view-controller

我们有一个承包商设计我们的网站。当在较小的屏幕上查看主页(www.teacherspet.net.au)时，或者当您将浏览器窗口的大小调整为较小时，照片在左侧被剪切。我说你的代码应该告诉浏览器调整照片的大小以适应较小的窗口，但承包商说这个问题没有解决方案。

浏览 17提问于2017-03-14得票数 1

回答已采纳

1回答

iOS背景图像.支持所有显示高度的最佳实践

ios、iphone、uiimageview、background-image

在实现背景图像时，支持不同显示高度的iOS设备的最佳实践是什么？我正在用大量的背景图片更新一个iOS应用程序。所使用的背景图像对于4英寸显示器(iPhone 5)来说太短，对于3.5英寸显示器(iPhone 4S)来说太大。是否有一种方法可以让iOS根据设备显示高度自动确定要使用的正确背景图像(可能通过自动layout+constraints或图像文件名？)还是我唯一

浏览 4提问于2014-09-08得票数 0

回答已采纳

2回答

尝试将样式设置为屏幕高度和宽度CSS

javascript、html、css

我要做的是获取屏幕的高度和宽度，然后使用document.getElement.style.property = newStyle将样式更改为获取的屏幕高度和宽度。我试着把高度和宽度转换成字符串来使用，我也试着只把值放进去。我想知道如何输入px值和%值。谢谢。 <!

浏览 0提问于2016-05-27得票数 0

3回答

设置CSS背景-不影响页面高度的图像

html、css、iframe

iframe的源具有设置背景图像的CSS设置： background: url("//mydomain.com/bg.jpg") no-repeat scroll center top;图像的高度为1586px。它必须是所有页面的背景(有一个bout 6)，并且不能缩放。如果页面高度小于1586px，则应裁剪背景图像。我的问题是，ifra

浏览 5提问于2014-06-11得票数 1

1回答

如何将上传时的Wordpress图像调整到特定的高度和宽度，而不剪切它

plugin-development、theme-development、core

我需要让Wordpress自动调整大小的图片上传，以适应特定的宽度和高度。(比方说300便士乘400便士)请知道吗？:)

浏览 0提问于2017-03-16得票数 0

1回答

响应图像调整大小并有选择地根据一组规则裁剪它的宽度

html、css、responsive、crop、image-resizing

我想要一个背景图像出现在顶部部分，并充分覆盖一页的宽度。正如你所看到的，图像很宽，很短- .这应该是页面的标题图像，页面的内容出现在页面下面。如果浏览器的宽度大于图像的原始宽度，则图像的宽度和高度应按比例增大(与其容器一起)，从而向下推送显示在图像下的页面内容。如果浏览器的宽度小于图像的原始宽度，则图像应该保持原来的大小而不缩小，并从两边中裁剪，直到每侧裁剪15%为止(您可以看到<

浏览 0提问于2019-01-28得票数 1

1回答

获取图像中特定区域的主导颜色:网页元素的颜色查询

java、javascript、algorithm、colors、webdriver

range: truecolor('blue') // false我的第一个方法最好的选择是使用CSS但是这些不考虑图像，这是良好的颜色查询所必需的。此外，由于css选择器继承和透明度的处理，它们可能会产生困难。此外，绝对定位高于当前元素的z-index的元素可能会产生意外的结果。可以自动获取网页当前状态

浏览 0提问于2012-03-08得票数 3

回答已采纳

1回答

css或Javascript重复图像而不裁剪

css、image

在css中，可以在div标签(或其他标签)的背景上重复(重复-y)你的图像，但不裁剪它吗？因此，当图像不能完全放入标签中时，标签的高度会增加。

浏览 0提问于2013-04-25得票数 0

1回答

使裁剪的图像在CSS中响应

html、css、responsive-images、background-size

信息:我有一个裁剪的图像用作我的网页顶部的背景图像。在CSS中，我已经在px中定义了包含图像的div的大小-这是裁剪图像。(我在Squarespace中做这件事)。因此，当您进入页面时，您会看到充满屏幕的背景图像(和一些文本)，然后向下滚动经过该图像。问题:当我减小web浏览器窗口的大小时，div当然会保持相同的px高度。这意味着图像最终成为页面大部分的

浏览 3提问于2020-04-17得票数 0

点击加载更多

在HTML5和css中调整图像大小并剪切图像

将背景大小和背景位置相对值转换为绝对PX值。