2011-04-08 48 views
6

只是一個簡單的問題,爲什麼pixel.gif有用?爲什麼要使用它或者爲什麼不使用它?pixel.gif,爲什麼人們使用它?

+0

編寫你的通訊和應用警報的最佳實踐? – tamasgal 2011-04-08 10:24:18

+0

pixel.gif是什麼意思? – 2011-04-08 10:24:43

+0

通常是因爲他們不懂任何現代的網頁佈局方式。 – 2011-04-08 10:24:58

回答

8

像素gifs(通常被稱爲shim.gif)用於較早的網頁設計(即比5年前更早),以在頁面或表格佈局中提供空間,以更好地理解強健的CSS,或者如果瀏覽器的差異(通常在IE和Netscape之間)使得生活過於複雜。

它們應該被認爲是過去的遺蹟,並且在今天的網頁設計中不會被看作專業的CSS佈局。然而,多年來沒有被維護的較舊的頁面仍然有可能具有基於表格的頁面佈局以及像素勻場圖像以爲列提供一些人造間距。

總之,你不應該使用它們,除非你的網站的非JavaScript統計信息收集需要圖像。

+0

對於電子郵件中的HTML:請注意,MailChimp建議「使用表格和shim.gif」,請參見[關於HTML電子郵件](http://kb.mailchimp.com/campaigns/ways-to-build/about-html-email )另請參見Tom Gerencser的回答 – user2288476 2017-06-12 14:28:06

+0

MailChimp的推薦是我如何到達這裏的...... – Svish 2017-08-24 11:57:58

1

由於通過歷史記錄,瀏覽器在渲染空元素和正確調整元素大小方面存在各種問題。使用透明像素圖像並將其作爲內容進行拉伸是獲得元素正確調整大小的相當普遍的方法,並且可以將像素置於超鏈接中,並以任何瀏覽器上的透明可點擊區域結束。

今天,瀏覽器和瀏覽器技術已經有了很大的改進,我認爲自從我使用一個像素以來已經有很多年了。

0

只是因爲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,僅限IE 8,僅在IE 7兼容模式下使用IE 8,僅使用IE 9和IE 10

請用戶!把窗戶和所有的deli妄聲扔到地獄。使用GNU/Linux!

3

Shim .gif的尺寸通常是1x1像素的透明圖像。如上所述,這些圖像不應該用於現代Web瀏覽器(2013)的間距,因爲CSS可以做出更好的佈局。

然而,電子郵件營銷活動繼續利用他們的一對夫婦的原因:

  1. 作爲一項資產可以被用於營銷分析(?即電子郵件打開)
  2. 對於使用所產生的間距問題電子郵件中的佈局表格。

電子郵件客戶端不支持通用CSS所以這是因爲如果它你的意思是在web開發/設計使用pixel.gif是1996年

相關問題