爲什麼css \ html代碼在不同主機中的行爲方式不同？

我剛剛編輯了一個頁面，並在我的本地計算機中完成了。我以這種方式製作了導航菜單，它與背景圖像（透明導航背景，背景菜單的一部分是白色的黑色字符）形成鮮明對比。它看起來像這樣在我的本地機器：爲什麼css html代碼在不同主機中的行爲方式不同？

但是，當我將它發送到遠程服務器，它會變得非常惡劣，在除非兩種不同的方式，如下：

會發生什麼情況？

首先 - 第二個主機正在使用一個額外的元素，可能用於跟蹤，或者類似的，這會導致您的div元素樣式，也適用於該元素。你應該爲你的元素使用特定的id或類，而不僅僅是「div」。特別是對於「背景」屬性。

--some code-- 
<body><div><header></header> 
--rest of the code

要

--some code-- 
<body><div id="container"><header></header> 
--rest of the code

而且在style.css的變化：

您可以通過添加下列解決這個div {....到div#container {....

在我的瀏覽器，第一個鏈接看起來像你的形象，也應該如此。

2015-10-15 21:18:47

正如@Frederik所提到的，你的CSS需要更加具體，並且我還看到Chrome和FF上的第一個鏈接加載正常。 – bonesbrigade

回答