火狐88现在支持image-set，这是个好消息，但与其他浏览器不同的是，如果不设置background-size: cover，它似乎无法工作； 要测试这一点，你需要使用Firefox 88并有一个高像素密度的屏幕，以便image-set使用高分辨率2x背景图像，如果这两个都是真的，所显示的图像将显示文本'Retina image-set‘。我在webkit浏览器上使用image-set已经有几年了，它一直工作正常，不需要设置背景大小。我做错了什么吗？或者是FF 88中的一个bug？: image-se
浏览 14提问于2021-05-05得票数 0
回答已采纳
1回答
我正在做一个网站，其中有一系列的“英雄”面板运行在主页上，其中文字覆盖在大背景图像。到目前为止，我的标记看起来是： src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
浏览 2提问于2017-06-09得票数 2
就像html标记的"srcset“一样，还有一个CSS背景图像属性，名为"image-set”。它目前与Chrome、Safari、Opera和Android浏览器兼容。下面是实现/测试的一个示例: cloudfour.com/examples/image-set/
浏览 4提问于2016-05-19得票数 4
下面的简化代码以某种方式工作(头脑中有某种风格)，但是我找不到关于image-set的信息，所以我不知道如何用landscape和portrait代替1x和2x (或者如果可以的话)： url('portrait.jpg') 2x);
background-image: -image-set
浏览 8提问于2021-12-29得票数 2
回答已采纳
我读了很多讨论和文章，但没有一个单一的解决方案来解决这个问题。视网膜设备上的自定义光标的质量是不够的(它们是模糊的)，我想知道是否有一种方法可以确保即使在这些设备上也有足够的质量。我尝试同时使用.svg和.png文件，并使用各种css技术：body {}@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resol
浏览 0提问于2018-05-30得票数 6
我用GetBarley.com是因为WYSWYG的编辑很棒.但这给博客里的图片带来了问题。如果有人张贴一个图像，它的大小取决于容器的宽度。出现了什么：我需要展示的是：
<a href="http://lokeshdhakar.com/projects/lightbox2/img
浏览 0提问于2013-09-11得票数 0
回答已采纳
1回答
然而，我现在正在尝试结合使用背景和image-set()。在显示常规背景图像的情况下，image-set()作为一个值根本不返回任何内容。bg = "background-image:-webkit-image-set(url('"+ url +"')2x,url('"+ url +"')2x);background-image:image-set
浏览 8提问于2022-01-18得票数 1
我想知道是否可以使用css中的srcset属性(例如)将所有图像设置为2倍，它通常是这样工作的我想知道是否有一种方法可以在css中使用它来使所有图像以2倍的格式显示，提前谢谢:D
浏览 3提问于2015-04-14得票数 1
2回答
我已经等了很长时间使用.webp图像了。
新手失误。因为，当然，我应该先检查：，这会告诉我，Safari在macOS 11.0BigSur(2020年11月)之前的任何事情上都不支持.webp图像。因为我绝对是想要为火狐，勇敢，Chrome，边缘，歌剧等用户提供.webp图像。
浏览 14提问于2022-02-11得票数 2
回答已采纳
注意，这里使用的是image-set。代码：background-image: image-set(background-image: image-set</e
浏览 8提问于2022-11-18得票数 1
我第一次开发了一个支持Retina图像的网页， background: -webkit-image-set( url(images/myimage.png) 1x,我让Safari在Mac上像预期的一样工作，在Windows上运行Chrome，但在Windows上使用Internet和Firefox，没有显示任何图像。 background: -webkit-image-set( ur
浏览 3提问于2015-03-16得票数 0
回答已采纳
我想在我的网站上为图片使用.avif和.webp，记住我需要为不支持的浏览器提供后备。Docs 建议-webkit-image-set应该提供帮助：background-image: -webkit-image-set(url('/public/header.avif') type('image/avif'), url('/public/header.webp') type('image/webp'), u
浏览 6提问于2021-07-15得票数 6
我希望通过使用以下代码片段来使用为主体设置一个背景图像： background-image: image-set(
".
浏览 4提问于2021-04-02得票数 2
回答已采纳
我试图使用parcel.js和SCSS来使用背景图像，但得到：
.hero{}import "../styles/index.scss";
浏览 0提问于2019-02-26得票数 4
有没有什么例子可以在Chrome中显示.webp格式的文件，而在火狐和IE / Edge中显示不同的.jpg格式文件？#bgbox {}
浏览 10提问于2017-08-07得票数 2
回答已采纳
我们正在应用程序中的一个组件使用背景图像样式。我们需要让它对不同分辨率的图像作出反应。我已经看到，我们可以使用映像集来实现它，并按下面的方式实现，并按预期工作。请参阅下面的代码片段，我已经实现了。 url(smallCat.jpg) 1x,</div>
现在，我想给出一个屏幕的
浏览 13提问于2022-04-28得票数 0
回答已采纳
1回答
template is="dom-repeat" items="{{items.images}}">
<admin-image index$="{{index}}" type="{{type}}" image-set
浏览 3提问于2016-05-04得票数 1
回答已采纳
type="figure">Figure 1. netserver on SUT in out <image-set--The figureNumber is: 1--></figure> <
浏览 5提问于2013-08-16得票数 1
回答已采纳
以前，在CSS中为@1x和@2x使用不同的背景图像时，我做了如下操作： background-image: url(my-image@1x.png); # Standard res.only screen and (-webkit-min-device-pixel-ratio: 2),only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and (
浏览 0提问于2014-10-19得票数 1
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
