你能在CSS中找到圖像嗎？

我剛剛開始學習CSS。我喜歡學習的一種方式是從我崇拜的站點複製源代碼，然後自己對其進行「重建」，以瞭解它是如何完成的。我沒有使用該網站或竊取它 - 我只是從中練習。例如，我將從樣式表中獲取各種s，然後在自己的頁面中使用它來查看它是如何工作的等等。有時我看不清代碼中的背景圖形是如何工作的，所以我想要真正獲得背景圖片來確定地看到該圖片是什麼（因爲CSS背景顏色與圖片混合等原因，在CSS中很難實現）。你能在CSS中找到圖像嗎？

無論如何，在「傳統」HTML網站中，您可以右鍵單擊圖像並將其保存到計算機。你可以在CSS中做到這一點？我可以得到.css樣式文件（它們會在記事本中彈出，等等） - 但是我可以獲取圖形嗎？

的ID代碼通常說是這樣的：

background:url("graphicfilename.jpg") no-repeat left top;

..但並沒有告訴我，文件在目錄中。如果我問一個「禁忌」型的問題，像我。試圖偷竊，或者什麼，我不是。我只是想學習。

我可以在CSS派生的網頁中獲取圖形嗎？

感謝，

Phile

來源

2010-02-18 Phil E.

..但並沒有告訴我，文件在目錄中。

的圖像是相對於樣式表。

順便說一句，你不要把"的在url()。你可以簡單地寫background:url(graphicfilename.jpg)和應該，因爲當你添加引號時至少有一個瀏覽器（Mac上的MSIE5.5）barfs。

來源

2010-02-18 18:02:06 geocar

有工具可以幫助你從網站上獲取圖像。例如，使用谷歌瀏覽器，您可以右鍵單擊任何元素，例如圖像，然後選擇「檢查元素」。這將打開「開發人員工具」窗口。從那裏，點擊名爲「資源」的標籤。這將顯示該頁面正在使用的文件的完整列表，包括圖像。找到你想要的形象，右鍵單擊它並選擇另存爲...

如果你正在尋找的CSS，你可以看到一個背景圖片的引用，引用是相對的CSS文件。因此，如果CSS文件位於domain.org/css/myfile.css，和背景圖像是在代碼背景：網址（「myimage.png」）;那麼圖像位於domain.org/css/myimage.png。

來源

2010-02-18 18:02:11 Cypher

在css背景圖片的url是相對的，相對於css資源的位置。所以，如果你有這樣的：

background: url('../images/some-image.png')

和CSS網址是：

/css/my-style.css

那麼圖像將位於：

/images/some-image.png

順便說一句：如果你是disecting網頁， CSS等，然後確保你有適當的插件，使這更容易。使用或獲取Firefox，並安裝Firebug和Web開發工具欄。這些檢查源HTML和CSS是一件輕而易舉的事情。 Firebug也會顯示你用css加載的圖像的縮略圖！

編輯：不要擔心檢查或適應其他人的HTML或CSS爲自己的目的。這就是我們所有人學習的方式，我們如何從技術/代碼解決方案中獲得靈感，或者只是在我們自己的網站上獲取特性和功能的想法。它在那裏，所以使用它。

來源

2010-02-18 18:05:20

你能在CSS中找到圖像嗎？

回答

相關問題