【问题标题】:pixel.gif, why do people use it?pixel.gif,为什么人们使用它?
【发布时间】:2013-11-27 07:08:05
【问题描述】:

只是一个简单的问题,为什么 pixel.gif 有用?以及为什么要使用它或为什么不使用它?

【问题讨论】:

  • 你的意思是在 web 开发/设计中使用 pixel.gif 吗?
  • pixel.gif 是什么意思?
  • 通常是因为他们不了解任何现代的网页布局方式。
  • 它并没有你想象的那么有用。有现代方法。像素 gif 仅用于非常特定的目的,例如 PowerPoint 演示文稿。而且,你问的不是一个真正的问题——也就是说,用一个非常笼统的问题来回答一个非常具体的答案似乎很糟糕。

标签: html pixel


【解决方案1】:

像素 gif(通常称为 shim.gif)用于较旧的网页设计(即比 5 年前更早)在页面或表格布局中提供一个空间,这些空间缺乏对健壮 CSS 的更好理解,或者如果浏览器差异(通常在 IE 和 Netscape 之间)使生活变得过于复杂。

它们应该被视为过去的遗物,不会出现在当今网页设计的专业 CSS 布局中。但是,多年未维护的旧页面仍有可能仍然具有基于表格的页面布局,并带有像素填充图像以提供一些人为的列间距。

简而言之,除非为您的网站收集非 JavaScript 统计信息,否则您不应使用它们。

【讨论】:

  • 对于电子邮件中的 HTML:请注意 MailChimp 建议“使用表格和 shim.gifs”,请参阅 About HTML Email 另请参阅 Tom Gerencser 的回答
【解决方案2】:

Shim .gif 是透明图像,通常大小为 1x1 像素。如上所述,这些图像不应用于现代网络浏览器(2013 年)中的间距,因为 CSS 在布局方面做得非常出色。

但是,电子邮件营销活动继续利用它们有几个原因:

  1. 作为可用于营销分析的资产(即打开电子邮件?)
  2. 解决因在电子邮件中使用表格进行布局而引起的间距问题。

电子邮件客户端并不普遍支持 CSS,因此最好将您的时事通讯和应用程序警报编码为 1996 年。

【讨论】:

    【解决方案3】:

    因为从历史上看,浏览器在渲染空元素和正确调整元素大小方面存在各种问题。使用透明像素图像并将其作为内容进行拉伸是使元素正确调整大小的一种相当通用的方法,并且可以将像素放入超链接中,最终在任何浏览器上形成一个透明、可点击的区域。

    如今,浏览器和浏览器技术已经有了很大的进步,我想我已经有好几年没有使用像素了。

    【讨论】:

      【解决方案4】:

      只是因为 IE。 IE 7-8 无法与背景 png + 不透明度一起正常工作。只有一种方法可以解决它:

      background: url("/images/blank.gif") no-repeat, url("/images/howto.png") no-repeat;
      background-color: transparent !important;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="crop", src="/images/howto.png");
      zoom: 1;
      

      IE 不是浏览器。除了关于这个程序的坏话,我什么也说不出来。我现在有大量的错误标记为 IE 7 ONLY、IE 8 ONLY、IE 8 在兼容模式下与 IE 7 ONLY、IE 9 ONLY 和 IE 10 ONLY

      用户,请!把窗户和它所有的谵妄都扔到地狱去。使用 GNU/Linux!

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2011-07-04
        • 1970-01-01
        • 2011-07-15
        • 1970-01-01
        • 1970-01-01
        • 2012-04-17
        • 2018-06-16
        相关资源
        最近更新 更多