不透明度在不同頁面上顯示不同的陰影

我使用不透明度，它似乎在我使用的頁面上顯示爲不同的陰影。不透明度在不同頁面上顯示不同的陰影

如果你在這裏的PS4圖象看看：在相同的圖像http://chrisbrighton.co.uk

你會看到有不同的色調，但他們全部使用相同的CSS規則。

任何想法爲什麼會發生這種情況？

謝謝。

2013-12-17 Chris

您在Gaming.php上的#news-container有background: #9bd7f5;。由於您使用rgba()來獲得透明度，因此元素以下或以上的所有內容都受其影響。

改爲使用opacity: 0.7;有利於rgba()。不透明屬性不會影響其他元素。

2013-12-17 21:05:23 kleinfreund

是的，謝謝你。我不知道爲什麼當你將鼠標懸停在＃news-container上時，它從最熱門的頁面開始，它應該從「最新的遊戲新聞/現在的謠言......」開始。謝謝。 – Chris

不知道爲什麼這似乎正在發生。這似乎與使用rgba和不透明度有關。如果我是你，我會從這堂課中刪除背景。它不僅解決了你的問題，而且從設計角度看它更好。

.hot-page-title { 
height: 300px; 
background: rgba(255,102,000,.7); 
-webkit-transition: .7s ease-in-out; 
;

希望這會有所幫助。

2013-12-17 21:06:20 fillyc

這是否提供了這個問題的答案？建議不要使用某些東西很好，但這不是一個答案。另外你的CSS規則是用';'而不是'}來關閉的。 – kleinfreund

你會刪除橙色透明度？它是橙色的，因爲它們的頁面是最熱的，所以我想我會添加橙色。除去背景會消除橙色透明度，如果可能，我想保留這一點。謝謝。 – Chris

@Chris是的我會刪除橙色的透明度。它使內容看起來好像被禁用/不能被選擇。我認爲消除這種背景將大大提高您網站的可用性。他們是橙色的，因爲他們最熱的想法是失去了用戶。頁面上元素的層次結構本身應該是一個足夠好的指示器，而不需要橙色。 – fillyc

是的，我已經檢查了整個代碼很久，＃news-container id background property影響了你的代碼。所以請刪除或調整你喜歡的。希望得到的答案！

2013-12-17 21:33:27

回答