一个简单的问题,为什么 Pixel.gif 有用?为什么你应该使用它或为什么不使用它?
像素 gif(通常称为 shim.gif)用于较旧的网页设计(即早于 5 年前),以在页面或表格布局中提供一个空间,在这些布局中缺乏对强大 CSS 的更好理解,或者如果浏览器存在差异(通常在 IE 和 Netscape 之间)让生活变得太复杂了。
它们应该被视为过去的遗物,并且不会在当今网页设计的专业 CSS 布局中看到。然而,多年来未维护的旧页面仍然可能具有基于表格的页面布局,并带有像素填充图像,以为列提供一些人为间距。
简而言之,除非需要图像来为您的网站收集非 JavaScript 统计信息,否则您不应该使用它们。
Shim .gif 是透明图像,通常大小为 1x1 像素。如上所述,这些图像不应该在现代网络浏览器(2013)中用于间距,因为 CSS 在布局方面做得非常出色。
但是,电子邮件营销活动继续利用它们,原因如下:
电子邮件客户端并不普遍支持 CSS,因此最好的做法是像 1996 年一样对新闻通讯和应用程序警报进行编码。
因为纵观历史,浏览器在渲染空元素和正确调整元素大小方面遇到了各种问题。使用透明像素图像并将其拉伸为内容是一种相当通用的方法,可以使元素正确调整大小,并且可以将像素放入超链接中,最终在任何浏览器上形成透明的可点击区域。
现在的浏览器和浏览器技术已经有了很大的进步,我想我已经好几年没有使用像素了。
只是因为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!
到了 2024 年,透明单像素 .gif 仍然有用。
GitHub Flavored Markdown 在对齐功能方面非常贫乏。 CSS 不起作用,大多数与 HTML 对齐相关的属性不起作用,并且 Markdown 本身实际上没有对齐的规定。因此,我今天使用透明 .gif 对齐技术来垂直对齐 GitHub README 文件中下载按钮和相应版本徽章的中心 (https://github.com/dfyockey/RomanDigital)。
有时了解旧方法很有用。 :^)