如何製作懸停按鈕？

我想打一個CSS類，這樣我可以使用它像這樣如何製作懸停按鈕？

<input type="button" class="hoverbuttons">

那麼，如何使一個類，使我的按鈕將徘徊？

我已經有兩個按鈕。假設這些URL是URL1和URL2，我怎樣才能讓他們懸停使用CSS？

來源

2010-11-10 5416339

最簡單的方法是使用sprites。你需要的<input>標籤更改爲<a>標籤：

<style> 

a.link1 { 
display:block; 
height:10px; 
background:url(image.jpg) no-repeat 0 0; 
} 

a.link1:hover { 
background:url(image.jpg) no-repeat 0 -10px; 
} 

</style> 

<a href="URL1" class="link1">foo</a>

來源

2010-11-10 12:33:14 whostolemyhat

有在網上很多教程：

CSS Hover Dynamic Button。

來源

2010-11-10 11:34:34

我使用的是2個網址，而不是一個！ – 5416339 2010-11-10 11:42:00

是的，就像你在主播1上做的一樣，在另一個上做......或者我理解你錯了嗎？ – 2010-11-10 11:44:10

不，我想懸停一個按鈕使用兩個不同的網址 – 5416339 2010-11-10 11:47:37

只是應用這些規則：

.hoverbuttons { ... } 
.hoverbuttons:hover { ... }

注：在IE6和以前:hover僞類將在<a>元素才能正常工作。

來源

2010-11-10 11:35:18

要修復IE6，請使用Whatever：Hover hack - http://www.xs4all.nl/~peterned/csshover.html – Spudley 2010-11-10 12:31:01

ok，那麼他將面臨另一個問題，那就是如何定義一個特定的樣式因爲'hoverbuttons.hover'在IE6上不是公認的表達式。他可能需要一些額外的祖先元素課 – 2010-11-10 12:35:23

http://www.pixelmill.com/support/support_article.aspx?ParentListID=al1015&articleid=kb101543

來源

2010-11-10 11:35:20 Lamp

事情是這樣的：

<style type="text/css"> 
    .some { 
     background-color:#0F9; 
    } 

    .some:hover { 
     background-color:#F00; 
    } 
</style> 
</head> 

<body> 
<div class="some"> dsadsad </div> 
</body>

來源

2010-11-10 11:37:37 demas

當我徘徊什麼也沒有發生！ – 5416339 2010-11-10 11:46:57

'：hover'只能用於錨定標記（在IE中）。 – 2010-11-10 11:52:26

這適用於Firefox。抱歉。 – demas 2010-11-10 11:58:25

如何製作懸停按鈕？

回答

相關問題