CSS如何修剪鼠標滾動區域？

我有一些來自現有CSS地圖的代碼，下面的部分令人困惑，因爲我認爲它與使一個簡單的BOX更加定義翻轉區域（california1）有關。CSS如何修剪鼠標滾動區域？

我的問題：如何自己寫這個，爲什麼使用em而不是像素？

示例代碼：

#california1 .s1{height:.3em;left:14em;top:12.7em;width:.2em} 
#california1 .s2{height:.5em;left:13.8em;top:12.6em;width:.2em} 
#california1 .s3{height:.7em;left:13.7em;top:12.5em;width:.1em} 
#california1 .s4{height:.8em;left:13.6em;top:12.4em;width:.1em} 
#california1 .s5{height:.9em;left:13.5em;top:12.3em;width:.1em} 
#california1 .s6{height:1em;left:13.4em;top:12.2em;width:.1em}

來源

2011-05-26 chris

em是相對的，px不是。 – 2011-05-26 14:58:30

所以要回答你的第一個問題，寫這個自己將是相當簡單 - 我查看此出HTML的背景下，但我猜測每個那些「 .s1，.s2等「divs只是地圖的」片段「。

新興用來經文像素，因爲調整時一個窗口，或在手機瀏覽器中查看網站等

來源

2011-05-26 15:15:36 briankulp

謝謝。將使用什麼軟件來繪製這些單元？ – chris 2011-05-26 17:33:20

em是相對於font-size屬性，將規模比像素更好。 1em等於當前元素font-size。

如果您正在處理靜態圖片，請嘗試增加瀏覽器的文字大小，並查看您的細分受衆羣將會增長，而不再適合地圖。

你的意思是你希望它更加明確，我希望你用map和areaHTML elements來定義可點擊的部分。使用面積poly形狀座標來確定最佳加州的各個部分：

<map name="california"> 
    <area shape="poly" coords="x1,y1,x2,y2,... xn,yn" href="s1.html" alt="segment 1"> 
    <area shape="poly" coords="..." href="s2.html" alt="segment 2"> 
    ... 
    <area shape="poly" coords="..." href="sn.html" alt="segment n"> 
</map>

然後將其與usemap分配給你的形象：

<image usemap="#california" ... />

Here你有一個例子。

我不知道它是否太明顯，我只是希望它有幫助。

來源

2011-05-26 16:03:28

謝謝。我正在使用類似於winstonwolf.pl/css,europe.html的CSS映射我已經編碼了一切，但是爲定義/測量形狀定義的EM而丟失了。 – chris 2011-05-26 20:59:49

不要將em用於靜態圖像中的形狀，請使用像素。藉助Dreamweaver，定義地圖區域非常容易，但對於您所嘗試的內容，您必須自行計算 – 2011-05-27 07:35:36

CSS如何修剪鼠標滾動區域？

回答

相關問題