保持圖像鏈接在網頁上穩定。

我在網站上搜索了這個答案，但我甚至不知道我應該使用/尋找的條款是。

我試圖製作一個帶有背景圖像層的主頁，並且在頂部是具有到其他頁面的鏈接的水平圖案圓圈（思考波爾卡圓點）。我知道了這些圈子以及對他們的懸停效果。我不明白如何讓他們堅持自己的位置，以便不同的瀏覽器大小或分辨率不會隱藏其中的一些。我可以用後背腳本在背景圖片上做到這一點，但是如何將它應用到點上？我下載了Modernizr腳本，但我甚至不確定這是否正確。

基本上我試圖讓頁面的行爲如下：https://thankfulregistry.com/或http://assemblylondon.com/當它調整大小時。

如果你知道我在做什麼，我會很感激的幫助。即使你只是告訴我，我應該尋找我自己研究的東西（正確的術語）。

謝謝！

-Sophie。

來源

2013-04-05 sophie_has_no_clue

如果你想定位他們，你應該使用CSS（級聯樣式表）。這個網站將幫助你完成一個TON！ http://w3schools.com/css/default.asp

對於圈成爲鏈接，您既可以使用圖像映射，或者你可以只作圓形的圖像鏈接

<a href="WHERE YOU WANT TO LINK TO"><img src="URL/LOCATION OF THE PICTURE" height="NUMBER IN PIXELS OR PERCENT" width="NUMBER IN PIXELS OR PERCENT"/></a>

如果您需要更多的幫助，讓我知道！

來源

2013-04-05 18:44:01

感謝您的快速回復，我的css表單看起來像這樣：但是像這樣的點有35點/字母：#c { \t position：absolute; \t border-radius：100px; \t background-color：＃000000; \t width：70px; \t height：70px; \t top：133px; \t left：123px; } #c：hover {background-image：url（HoverImages/test1.png）}我對定位進行成像是有問題的。我會再看一次 – 2013-04-05 18:51:39

對不起，我只是重新閱讀你的文章。不要按像素設置點的位置，請嘗試按百分比進行。例如（css）top：10％;右側：10％，這會使頁面的10％從頂部向下，10％從右側的頁面對其餘點進行設置。希望我幫助！ – 2013-04-05 18:58:34

omg！這是它，非常感謝！點隨着窗口大小的變化而移動！ – 2013-04-05 19:05:57

保持圖像鏈接在網頁上穩定。

回答

相關問題