2013-06-26 28 views
1

爲什麼在點擊後圖像不顯示,如果樣式display:none在外部樣式表中設置vs內聯?外部CSS和服務器端樣式添加

enter image description here

+2

如果您想顯示圖像,您需要將該屬性更改爲'display:inline;'或'display:block;'而不是將其聲明爲空。 – ProfileTwist

+0

謝謝,這工作。但是,你能幫我理解你是如何知道這一點的。您是否會將您的評論移至回答部分,以便將其標記爲答案。 – Rod

回答

1

要顯示由display: none;隱藏在圖像,有必要顯示屬性恢復到原來的顯示性能。

display: block; /* use if you made the image if it floated or acts like a <div> */ 
display: inline; /* default image display type (USE THIS ONE) */ 

我注意到,在您的代碼:

targetid.Style.Add("display", ""); 

你試圖通過聲明顯示屬性「空白」,以顯示圖像。這是行不通的,因爲display: NULL不是CSS屬性,會導致瀏覽器忽略它的值並恢復爲使用display: none;。圖像保持隱藏狀態,您的預期行爲不適用。

進一步討論

,而我希望我的解決方案可以幫助解決這個問題,我有一個解決方案:

而不是使用「顯示:無;」隱藏的元素,然後通過恢復值恢復到原來的屬性來取消隱藏它做到這一點:

添加一個名爲」 .hidden類:

.hidden { display: none;} 

每當你想一個元素即消失只需添加一流「.hidden」的元素。當你想再次顯示元素,簡單地刪除類

的好處是雙重的:

  • 刪除revertin的要求g返回原始值並且必須區分顯示:內聯,塊,內聯塊等
  • 標準化整個Web應用程序中的隱藏組件。

祝你好運。

+0

謝謝我感謝澄清。 – Rod