如何躲在圖像

我有我的網頁模板（在Photoshop製作）準備並設置上傳到服務器的文本;但是，如果用戶隱藏/禁用圖像，網站將爲空白，因爲所有文字都在圖像上。如何躲在圖像

我創建了CSS佈局，並希望使該網站的文本版本，但我要如何做到這一點，而無需在文本不重複的圖像？我希望用戶仍然可以看到網站的文本版本，以防他們在瀏覽器上禁用圖像。

HTML代碼：

<div id="main_divs_container"> 
    <div id="left_div"><img src="images/left_div.jpg" width="249" height="622" alt=""></div> 
    <div id="index_middle_div"><img src="images/index_middle_div.jpg" width="488" height="622" alt=""></div> 
    <div id="right_div"><img src="images/right_div.jpg" width="253" height="622" alt=""></div> 
</div>

來源

2012-12-14 user482520

將在alt=標籤的文本。

這應該顯示文本時圖像被阻止。
（這幾乎是alt標籤的目的，用於表示圖片無法訪問時的內容，這種或那種方式）

當它包含文本負載時，它不會很漂亮，但如果它呈現在所有。
最好的選擇是使用圖像（沒有文本）作爲背景，並通過HTML將文本添加到頂部。

來源

2012-12-14 08:41:41 Cerbrus

只是採用合適的款式那麼你的意思是，我將不得不修改的Photoshop圖像以這樣的方式，我將離開文本部分空白，以便我可以通過HTML添加任何文本？ – user482520

@ user482520：這將是最好的選擇，是的。這意味着，如果圖片沒有加載，文本仍然會顯示，並且與文本在'alt'標籤中相比，您可以更好地控制文本。（CSS和所有的） – Cerbrus

真的！謝謝！ – user482520

你必須創建網站的一個HTML版本。在Photoshop中，我們創建模板僅供參考或客戶評論（僅用於視覺目的）。這不是最終的產出。

來源

2012-12-14 08:47:05

您可以使用一個CSS圖片替換（http://css-tricks.com/css-image-replacement/）有文字和圖片在森那時間在你的HTML（文本不可見）。

比你寫的CSS樣式，一個將顯示圖像和隱藏的文本，第二，將做oposit。

下一頁使用JS來檢測，如果用戶已經封鎖的圖片或不:)

來源

2013-01-27 11:43:27 sloik

如何躲在圖像

回答

相關問題