2013-08-21 76 views
0

所以我自願幫助修復親戚的網站。而且代碼是由iweb生成的,所以你可以想象它並不漂亮。無論如何,我遇到了一些問題,首先我把圖像放在一個鏈接中,但它不起作用:(鏈接沒有被遵循)。圖片鏈接不工作,即條件樣式沒有顯示

<a href="http://www.facebook.com/brackenhollow.stables" style="display:block; z-index:300;"><img src="sidebarbgs_05.png" alt="we're all about horseback riding"/></a>

此外,如果你發現內嵌樣式,假裝你不知道。另一件事,主頁上的英雄元素沒有處理,即所以我嘗試了一些可以在head元素中找到的條件樣式,但由於某些原因,他們沒有被應用。

<style type="text/css"> 
.tinyText{ 
top: 8px !important; 

} 
[if IE] #stupidie{ 
left: -4px !important; 
top: 1px !important; 

} 
</style> 

有什麼建議嗎?該網站可以在這裏看到:www.brackenhollowstables.com

+0

怎麼樣在鏈接的圖像不工作?圖像沒有出現?鏈接不起作用嗎? –

+0

嗨dryden,你可以在網站上查看它。它不會跟隨鏈接。謝謝。 (這是Facebook按鈕)。 –

回答

2

可能有我不知道的格式,但您的IE條件看起來不正確的格式。而不是

[if IE] #stupidie{ 
left: -4px !important; 
top: 1px !important; 

} 

應該

<!--[if IE]> 
#stupidie{ 
left: -4px !important; 
top: 1px !important; 
} 
<![endif]--> 

UPDATE

的問題與您的鏈接不工作是因爲你的z索引。你在整個頁面中都有一些亂七八糟的東西,看來#body_layer div覆蓋了你的邊欄。當我從CSS中刪除z-index屬性時,它允許您單擊該鏈接。這確實會破壞你的頁面的其餘部分。您可以做的另一件事是將#body_layer的寬度更改爲〜500px。這使它不會溢出到側邊欄並覆蓋您的鏈接。

+0

y它只是一個替代格式..試了這種方式第一次.. –

+0

哇,謝謝..讓我消化,第二..感謝看着那個,我appretiate它..我想知道如果也許我可能只會提高Z-指數,也許它會出現在頂部?無論如何,再次感謝。 –

+0

z-index已經高於其他元素,所以這裏還有其他的東西。 –

1

至於圖片,它似乎在源url中丟失了./。如,它應該是:

<img src="./sidebarbgs_05.png" alt="we're all about horseback riding"/>

(此爲相對URL工作)

+0

Hi blurfus,沒有圖像顯示,它只是錨標記中沒有被跟蹤的鏈接。 –

+0

是的。儘管如此,我認爲德爾登在這裏。做了一些很棒的觀察。 –

+1

是!看起來像他在正確的軌道 – ochi