CSS Sprite无法工作，因为宽度/高度定义了容器
CSS Sprite无法工作的原因是因为宽度/高度定义了容器。
CSS Sprite是一种将多个小图标合并到一张大图中的技术，通过设置背景图的位置和大小来显示需要的图标。它的优势在于减少了HTTP请求次数，提高了网页加载速度。
然而，当容器的宽度或高度被定义时，CSS Sprite可能无法正常工作。这是因为容器的宽度/高度限制了显示区域，导致只能显示大图中的一部分，无法正确显示所需的图标。
解决这个问题的方法是不定义容器的宽度/高度，或者将容器的宽度/高度设置为能够容纳所需图标的最小值。这样，CSS Sprite就能够正确显示所需的图标。
在腾讯云的相关产品中，可以使用腾讯云的对象存储服务 COS（Cloud Object Storage）来存储和管理大图和小图标。COS提供了高可靠性、高可用性的对象存储服务，可以满足网页开发中对于图标存储和管理的需求。具体的产品介绍和链接地址如下：
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
所以，在我的网站RedRoll.com上，我正在尝试实现CSS sprites。(如果向下滚动，您将在“Exclusive！”下看到一个滚动容器。)如何在指定图标大小的同时保持黑色背景的大小不变？
浏览 7提问于2018-07-09得票数 0
回答已采纳
我正在尝试在滚动窗格中添加一些电影片段，但是一旦我设置了sP的来源，内容就消失了……public class main extends MovieClip { // constructor code
addChild(container
浏览 3提问于2011-03-31得票数 0
我试图在css网格中放置一个图像(实际上是雪碧-工作表)。首先，我有一个sprite-sheet组件，它包含sprite-sheet和compo映像组件，它们应该模拟另一个持有这个sprite-sheet的组件。，因为我没有为其他组件指定位置。100%;}
spri
浏览 3提问于2021-01-09得票数 2
回答已采纳
2回答
我已经在这个问题上挣扎了很长时间，我猜解决方案很简单。var sprite:Sprite = new Sprite();
addChild(sprit
浏览 0提问于2009-11-16得票数 0
回答已采纳
1回答
我有一个问题，设置自动宽度的SVG图标，保留纵横比，有一个固定的高度火狐，Chrome和IE11。我知道这是一个常见的问题，我已经阅读了这个中报告的示例，但我找不到一个可以正常工作的代码片段来使它工作。"> </svg>
<style type=&quo
浏览 8提问于2019-07-25得票数 1
你好，我遇到了一个问题，我不明白为什么会发生这种情况，问题是： 我有一个多重类型的纹理，其中我加载了我所有的卡精灵。 纹理： ? 正如您所看到的，每个卡片都有自己的Sprite属性，这些属性定义了图像的限制，在本例中，您将看到宽度为402，高度为563。[0]) 如果我这样做了 sprites[0].rect.width
sprites[0].rect.height 返回的值与之前在图像上指定的值不同，我需要这些值来使用以下公式将精灵的宽度缩放为特定的宽度</
浏览 14提问于2020-04-02得票数 0
3回答
如何使DIV在没有固定高度和宽度的情况下从容器继承其宽度和高度，默认情况下覆盖容器内的整个区域并滚动而不是增加其高度或宽度。例如：<div style="overflow:scroll; "></td>
这个DIV应该覆盖400 it，当内容超过这个宽度时<
浏览 5提问于2013-02-09得票数 0
我嵌入一个iframe的定义大小{500x320} (只是为了比率)，然后我想让父容器自动调整整个iframe的浏览器宽度。但是，因为我已经定义了宽度和高度，iframe并不是真正地调整父容器的大小或响应。我还附上了一个屏幕截图的iframe是不调整浏览器的宽度。<div class="container">
<div cla
浏览 3提问于2020-01-28得票数 0
如果我有一个自定义类子类Sprite，并且它绘制了一些简单的对象，那么对于Sprite.width & Sprite.height属性，它是如何工作的呢？看起来我可以画一个任意大小的长方形，比雪碧大。类似地，如果设置宽度/高度属性，已经绘制的内容会发生什么情况？
作为一个用例，我可能有一个棍棒人，它被画成一组线，我想要设置这个人的高度，并且渲染被缩放到这个。是否存在自动计算宽度/高
浏览 0提问于2011-01-10得票数 1
回答已采纳
1回答
SVG失真
、、、
我想我已经找到了这种行为的原因:因为我希望任何svg的大小都是流动的，所以我给了它们一个百分比的宽度和一个自动高度。正如前面提到的，这对于大多数浏览器来说都很好。然而，Internet似乎忽略了高度:自动将svg扩展到它的最大高度。有谁知道这个问题可能是什么吗？
浏览 2提问于2014-05-29得票数 2
回答已采纳
3回答
绘制一个方框似乎相当容易，所以我几乎复制了mozilla开发人员站点上的一个示例。你可以在这里看到：
正如你所看到的，它已经扭曲了。有谁有什么想法吗？我正在设置相同的x/y和相同的宽度/高度。
浏览 0提问于2010-12-09得票数 21
回答已采纳
4回答
在打印机中，我需要这个图像的最大宽度是页面的宽度，所以我做到了:在css中宽度为100%，它可以工作。因此，我的问题是:使此图像适合在一个页面。
有什么想法吗？
浏览 2提问于2010-03-13得票数 15
回答已采纳
2回答
很长一段时间以来，我一直无法弄清楚为什么当达到浏览器的高度时，容器的宽度会变宽，我的意思是：1) 正如你所看到的，在第二张图片中，容器的宽度变大了。现在，给出的示例仅使用文本显示，但是，如果我在主容器中使用列，也会发生同样的情况。没有修改CSS，也没有使用自定义CSS文件。
浏览 5提问于2015-11-03得票数 1
回答已采纳
1回答
这两列都在div容器中，该容器具有固定的高度(和宽度，但这并不重要)。但是我无法让滚动条出现在.scrollable-content元素上。更新
据我所知，CSS无法确定可滚动内容的高度需要是什么，因此为了使滚动条工作并成为正确的高度，需要设置可滚动内容的像素高度。在我的例子中，整个容器的高度是动态的，所以我选择了一个JS解决方案，它获取整个<e
浏览 6提问于2013-10-29得票数 0
2回答
图像的负边缘限制
、、、、
因为尺寸改变了，所以我不能使用背景图像。因此，我决定在一个可变宽度和overflow:hidden的容器中使用一个图像。sprite表根据容器的宽度调整，容器的可视内容由padding-top:20%确定。这是因为它的宽度可以是流动的(因为每颗恒星都是一个盒子，总高度是宽度的20% )。然后，我尝试将星图放置在带有边距顶部的容器内。我尝试使用position:re
浏览 2提问于2014-01-31得票数 1
我有一个react，它需要提前知道它的维度，在它呈现自己之前就已经知道了。这些容器的尺寸是在CSS中定义的，以及页面上的一些其他容器。谁定义了反应中元件的高度、
浏览 0提问于2018-03-01得票数 93
回答已采纳
我通过在锚点标签上使用类来使用sprite作为我的站点徽标。问题是，我必须定义像素的高度和宽度，这阻止了徽标的响应。<a href="<?>/" class="logo-sprite"></a>a.logo-sprite {
background: url('image_here.jpg')
浏览 1提问于2012-11-27得票数 2
我在项目中使用，无法自定义选择输入的高度和宽度：
这个问题更严重了，因为标准的select / text输入(使用引导程序2)是30an高度，而且这个插件的高度增长到37 an，破坏了我的用户界面的视觉效果(将所有输入增加到37 an肯定不是一个选项)。我还包含了selecize.bootstrap2.c
浏览 1提问于2014-03-20得票数 9
回答已采纳
我需要图像来获取容器的整个宽度，除非结果的高度大于可用容器的视口高度。}假设我有很多内容的可滚动容器。容器占据整个视口宽度(假设它的500 up )，容器</
浏览 0提问于2016-12-26得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
