調整大小的鏈接/ DIV：懸停選擇的移動設備

我試圖以優化移動設備訪問以下站點： http://whitehallrow.com/調整大小的鏈接/ DIV：懸停選擇的移動設備

通過使用CSS懸停選擇來改變圖像時，藍絲帶鏈接功能盤旋：

.ribbonlinkA{ 
    background-image:url("/wp-content/uploads/2013/05/hr_slide_off.png"); 
    display:block; 
    height:86px; 
    width:512px; 
} 
.ribbonlinkA:hover{ 
    background-image:url("/wp-content/uploads/2013/05/hr_slide_on.png"); 
    display:block; 
    height:86px; 
    width:512px; 
}

我一直在使用寬度：100％的頁面，重新調整他們對好我的黑莓上的圖像。但是，我無法獲得調整大小的功能區鏈接;它們只是從頁面的右側溢出，即使寬度爲100％。

我該如何讓他們適當調整大小？

來源

2013-06-12 Ben

請記住，觸摸設備沒有太多的概念：懸停狀態 – landons

請參閱http://stackoverflow.com/questions/2427447/does-css-hover-work-on-mobile-devices – cmbuckley

您必須使用background-size屬性（所有瀏覽器都不支持）才能擴展CSS背景。您可能更願意使用<img>元素，使用javascript進行切換，以獲得更大圖像（> 320像素），就像您正在使用的那樣。

來源

2013-06-12 19:16:04 landons

這工作！非常感謝。 – Ben

調整大小的鏈接/ DIV：懸停選擇的移動設備

回答

相關問題