为什么在主流浏览器中1px的图像渲染效果会不同？

css、cross-browser、padding

我有一个里面有图像的跨度。跨度有一个1px的边框和一个填充，在跨度和图像之间有一个小的间距，但是1px的填充在所有浏览器中呈现不同，我没有得到解决这个问题的最佳方法。span有一个display: inline-block，因为它旁边必须有另一个元素，但我注意到，如果我将display改为block，看起来会更好。<p> W538

浏览 11提问于2018-01-18得票数 0

回答已采纳

5回答

Firefox和Chrome呈现的框影似乎非常不同。

html、css、cross-browser

我在Chrome和Firefox上测试了一个框影效果，我惊讶地发现这两种浏览器之间的渲染方式有很大的不同。值得注意的是，Firefox的渲染要暗得多。以下是两个参考图像：第一个图像在Chrome 22中呈现，后者在Firefox 16中呈现，它们都在MacOS10.8.2下运行。我不知道为什么这两

浏览 22提问于2012-10-21得票数 13

1回答

firefox和IE magento中产品页面上的图像模糊

magento

我有一个在Magento制作的网站，产品页面上的一些产品图像在Firefox和Internet Explorer中是模糊的，但不是Chrome或Safari。编辑:实际上，我只是注意到它在修复之前在Chrome上做了短暂的修改。网址是：谢谢!

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

3回答

强制Firefox在CSS指定的尺寸内呈现空图像

html、css、image、alt

除FF以外的所有主流浏览器都会在CSS或width / height属性指定的维度内使用无效的src属性呈现图像。只有FF会将alt属性呈现为text节点，忽略维度，这在许多情况下会破坏布局。有没有办法强制FF在指定的尺寸内渲染图像？

浏览 0提问于2013-01-18得票数 7

回答已采纳

12回答

什么是WebKit ?它与CSS有什么关系？

css、webkit、cross-browser、rendering-engine

最近，我看到了一些带有"webkit“标签的问题。这类问题通常是基于web的问题，涉及CSS、jQuery、布局、跨浏览器兼容性问题等。所以从目前为止的答案来看...WebKit是一个用于Safari/Chrome的HTML/CSS浏览器</e

浏览 6提问于2010-08-12得票数 330

回答已采纳

1回答

使用i=new ()；i.src...而不是将真正ajax用于仅发送信号的远程命令

javascript、ajax、image、new-operator

效果如何：i.src='http://secondary.domain.com/command.gif?作为一种绕过‘单向’风格ajax命令的跨域限制的方法。即使我们不渲染图像，我们又能对浏览器点击图像有多大的信心。谁知道这有什么跨浏览器

浏览 0提问于2011-07-18得票数 0

回答已采纳

2回答

为什么CSS3中有供应商前缀？

html、css、vendor-prefix

我可以理解，将它们用于非官方(即，不在CSS3规范中)以防止名称冲突的实验，但为什么需要在隐藏等方面加上前缀呢？每个供应商不应该按照CSS3规范实现相同的效果吗？编辑:一旦CSS3完成，前缀会消失吗？我只是好奇为什么有些特性有前缀，而有些特性没有前缀，而在所有主流浏览器上，效果似乎都是一样的。

浏览 5提问于2013-11-15得票数 7

回答已采纳

1回答

需要自动缩放重复的背景图像

css、background-image

我有一个1px宽的背景图像，可以在x坐标上重复显示div的大小可以调整。水平方向。我想让背景图像自动拉伸或收缩。如何在包括IE7+在内的所有主流浏览器中实现这一点？

浏览 0提问于2012-06-27得票数 0

2回答

在jQuery中平滑淡入/淡出是可能的吗？

javascript、jquery、jquery-plugins、fade

我只有很少的图像背景(1650x1050px)，它们只在Safari和Opera中褪色平滑。Firefox，Chrome和IE7/8你可以看到“帧”的褪色，就像拍照一样。我使用的是我修改的jQuery 1.4.4和Supersized 3.0插件(修改前的动画也不够流畅) 有什么想法吗？我是否应该尝试其他库或/和插件？

浏览 2提问于2010-11-25得票数 1

1回答

应用了边框半径和边框样式的子元素不能完全覆盖父元素

css

正如你在屏幕截图中看到的，当有一个边框半径和边框样式应用于父元素，并且子元素通过"position:absolute“位于父元素的”上方“时，背景中的一些图像似乎在角落中”出血“。如果子项的边框和背景颜色相同，则此效果会很明显。这在所有主流浏览器中都存在，所以我猜它不是bug？有什么办法可以解决这个问题吗？

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

2回答

CSS效率问题

css、browser、cross-browser、performance、webpage-rendering

对于这个问题，让“效率”或多或少地意味着页面渲染速度。尽管如此，我们也应该考虑到性能问题，比如平滑滚动。假设您要在页面上放置一个条纹背景。从效率的角度来看，平铺图像是100px宽(显示10个条纹)还是20px宽(显示两个条纹)更好？当然..。一个大的图像需要更多的时间来加载，但我觉得我在平铺非常小的图像时遇到了麻烦。有没有一个最佳点？我开始认为这取决于浏览器(也可能是操作系统？)，特别是考虑到这个问题的</

浏览 0提问于2011-06-07得票数 6

回答已采纳

2回答

在线3D渲染软件是哪一种？

api、command-line、cloud-service、3d

我们正在寻找一个解决方案，我们可以在We服务器或云中渲染真实感的3D产品图像。我们尝试在电影4D/Maya中创建模型，并将它们与migenius (iRay)进行渲染</em

浏览 0提问于2015-03-31得票数 2

回答已采纳

1回答

ImageView将大图像缩小为小的模糊图像

android、android-layout

我正在使用Ignition类RemoteImageView异步下载和显示图像。RemoteImageView是ImageView的一个子类。我正在下载600x600的图片，并展示不同大小的图片...260x260,100x100等等。我注意到图像看起来很模糊，不那么清晰，里面有伪像。我不太了解图像渲染，但我注意到当我在Google Chrome中查看相同的图像并尝试在</e

浏览 1提问于2012-12-21得票数 2

回答已采纳

1回答

Chrome中的svg dropshadow问题:不是只将阴影添加到图形中，而是将阴影添加到实际容器中

javascript、jquery、css、svg

我试图添加一个高斯投影到一个SVG path，但由于某些原因，这似乎不是很好的工作在Chrome中，而不是只添加阴影的图形，阴影是添加到实际的容器？这个视图在ff中完美吗？如何让它正确工作？

浏览 2提问于2011-08-09得票数 2

回答已采纳

1回答

新的CSS3选择器对我不起作用？

css、css-selectors

好的，我有这样的代码： <a="image2" /></a> <a href="link"><img src="image3.png" alt="image3" /><&#x

浏览 1提问于2010-09-23得票数 1

回答已采纳

5回答

CSS/ HTML :在图像上使用max-height是否有助于HTML渲染？

html、css、yslow、pagespeed

我刚刚读完了，它总是定义图像尺寸(高度/宽度)来提高HTML的渲染性能。如果我定义(CSS)，我会有好处吗： img {max-height: 200px; max-width: 300px

浏览 0提问于2009-12-16得票数 4

2回答

是否可以将IE条件语句添加到电子邮件中？

ruby-on-rails、internet-explorer-7、gmail、conditional

我正在尝试发送一封电子邮件，由于没有报告的错误修复，可以解决我发现的边际错误。我可能正处于web开发人员社区从未见过的辉煌开端！;)<![endif]-->有什么想法吗？

浏览 0提问于2011-09-20得票数 3

1回答

IE在每行末尾呈现尾随空格

css、internet-explorer、rendering、whitespace、webfonts

我有一个网页字体，包括它自己的下划线，包括在空格字符上。这在几乎所有浏览器中都可以很好地呈现，下划线显示在单词之间，但不会呈现在行尾-除了IE (所有版本)。在IE中，它在每一行的末尾显示额外的下划线空格，最后一行除外。即使我使用换行符，没有空格，它仍然显示。编辑：干杯。

浏览 6提问于2014-02-10得票数 0

1回答

使用自定义wordpress主题在foundation 4中添加了额外的间距

wordpress-theming、zurb-foundation

Chrome中的页面渲染：在FF和IE中，顶部的导航呈现出开箱即用的完美效果，但在chrome中，它被降低了30px。现在我可以应用-1.9%0%0%24.5%的边距，这可以让菜单回到浏览器上“应该”的位置，但IE和FF将菜单移动了-1.9%，这将导航减半。除此之外，我还尝试了将top元素设置为100

浏览 2提问于2013-07-19得票数 0

1回答

角度渲染引擎的用途是什么？

angular、rendering、photoshop、angular-ivy

最近，我听说了很多关于角的新渲染引擎--常春藤。我熟悉浏览器和Photoshop上下文中的“呈现引擎”一词。这两个渲染引擎都负责在屏幕上“绘制”图像。但是，我不太确定这个常春藤引擎会产生什么效果？

浏览 2提问于2019-10-06得票数 0

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

为什么在主流浏览器中1px的图像渲染效果会不同？

相关·内容