這是網頁超鏈接的問題。它是一個CSS問題,其中不必要的樣式應用於該頁面中的所有鏈接,因此單擊該鏈接時會觀察到擺動效果。 它在谷歌瀏覽器中打開罰款,但問題是與Firefox和IE瀏覽器。所有的超鏈接似乎在點擊時都會擺動(這不會在Chrome中發生),點擊時會發生一些上下移動,有些移動很多。我瞭解這是一個CSS問題,但我不知道我需要糾正什麼。我試過在firefox中使用firebug,但不是很清楚。 謝謝。CSS超鏈接放置
CSS超鏈接放置
回答
在你/themes/mix_and_match/css/custom.css
文件中,有一個爲#main-wrapper li a.active, #main-wrapper .first a:active
宣告設置display
到block
並在活動鏈接上放置一個寬度。它看起來像是在2個地方使用first
類,所以它以非故意的方式應用。 <div id="block-system-main
塊有一個第一類,它將使任何活動鏈接在它下面選擇這種風格。
謝謝。我用if條件編輯變量,以便在不需要時不適用。 – icedek 2011-12-21 18:39:33
似乎有margin-top:-7px
對:active
狀態的a
元素。 只需將其更改爲margin-top:-9px
。這應該可以解決問題。
謝謝。這解決了菜單欄中的問題,但其餘的鏈接都是這樣。我明白我現在需要做什麼。 – icedek 2011-12-21 16:33:46
我認爲這是由一些CSS被繼承到所有鏈接引起的。當我在custom.css註釋掉'display:block'時使用FireBug,這個跳躍消失了。但是,它也影響其他風格。您可能必須改進該風格,以免影響其他鏈接。
主包裝裏a.active,#主包裝。首先一:積極{
background: url("../images/navbkgHover.png") repeat-x scroll left top transparent;
display: block;
height: 15px;
margin-top: -7px;
width: 103px;
}
- 1. 在源代碼中放置超鏈接
- 2. 在消息框中放置超鏈接
- 3. CSS超鏈接樣式僅鏈接
- 4. HTML/CSS:放置圖像內的鏈接
- 5. CSS的ASP超級鏈接
- 6. 超鏈接在直放站
- 7. ASP超鏈接不釋放
- 8. CSS相對鏈接播放
- 9. 圖像超鏈接位置
- 10. PDF:超鏈接/位置
- 11. 當超鏈接到圖像時,超鏈接的位置
- 12. IE 10 CSS超鏈接樣式
- 13. 如何處理css中的超鏈接?
- 14. Rails超鏈接不受CSS影響
- 15. 任何文字的CSS超鏈接
- 16. 圍繞超鏈接的CSS圈
- 17. 按鈕CSS超鏈接使用DIV
- 18. css沒有申請asp.net超鏈接
- 19. 使用css部分刪除超鏈接
- 20. css導致超鏈接不工作
- 21. 使用css禁用超鏈接
- 22. 插入超鏈接(CSS) - WordPress的博客
- 23. 超鏈接背景圖像CSS
- 24. 申請超鏈接到CSS創建DIV
- 25. 與CSS的位置鏈接?
- 26. 超級鏈接播放YouTube視頻
- 27. cabal將超鏈接源放在哪裏?
- 28. asp:超鏈接顯示無超鏈接
- 29. 當超鏈接懸停時將DIV設置爲可見 - CSS/HTML
- 30. 如何重置特定超鏈接上的CSS?
當你解決了這個現場問題後,這個問題將不再對未來的讀者有價值 - 你能組合一個最小的,完整的,自包含的例子來證明問題並且可以作爲問題的一部分生活嗎?本身? – Flexo 2011-12-21 21:37:19
我只有這個網站有這個問題。你想我把錯誤和糾正的PHP部分?因爲那是導致問題的原因。 – icedek 2011-12-22 04:42:17
如果您可以在問題的某個地方放置「錯誤」的部分,以便在別人閱讀時能夠使其在未來更有用。 – Flexo 2011-12-27 20:01:02