2012-09-06 32 views
0

的URL http://www.sydneybeeandwaspremoval.com.au 它工作正常IE9和Chrome等,但在IE8 並沒有完全按預期,在IE7它也工作正常。的Cufón文本不會出現IE8

但基本上頂部的導航菜單都是使用cufon的自定義字體,第一級鏈接工作正常,但第二級鏈接被cufon畫布和cufontext恰當地替換,但你不能看到它,我檢查了元素爲了找到位置是正確的,我也嘗試刪除所有背景圖像和更改顏色以防萬一,但這也沒有幫助,它就好像它隱藏在其上的可見性,但我找不到任何可能導致它的CSS。 任何想法的建議或經驗將不勝感激。

+0

有你還在使用的Cufón任何理由? @font事實上可以在所有主流瀏覽器中使用,並且更加可靠。 –

+0

不幸的是購買的模板,只包含了js沒有的字體文件 –

+0

啊,那會是一個很好的理由。祝你好運! –

回答

1

此錯誤是在這裏討論:http://drupal.org/node/834636

的問題是,與visibility: hidden隱藏要素有哪些不正確的Cufón在IE8渲染。那麼解決方案是替換display屬性的visibility屬性。

在你templates/theme484/css/template.css文件,由這一個更換線431:

.menu-nav li ul { position: absolute; top: 44px; left: -14px; z-index: 100; width: 300px; display: none; } 

而與此替換行433:

.menu-nav li.parent:hover ul { display: block; } 
+0

Thankyou對於這個詳細的答案,我正在尋找一個合適的解決方案,並導致這樣的,所以你對我的感謝=] –

0

基蘭,

如果一切都在IE7的工作,一個解決辦法是強制IE8的運行在兼容模式下您的網站。在<頭>頁:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 

更進一步,你可以針對IE8只能做這個用兼容模式運行:

<!--[if IE 8]> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
<![endif]--> 

好運。