2013-02-11 68 views
0

我創建從tumblr基於一個網站,似乎對谷歌瀏覽器工作正常,但與我所分配到的頁面右側的廣告框一個問題。 我已經搜索谷歌和發現這個related question,但給出的答案並不爲我工作。鏈接到相對樣式表標籤不工作

我試過以下。
只要添加一個HTML類=「IE9」標籤與適當的if語句。

清除我的緩存。
並檢查瀏覽器模式。

這似乎是隻有一個頁面的元素。右側沒有正確顯示,但我擺弄了IE 9中的定製,並且我有確切的邊距要求。但我似乎無法鏈接樣式表。 這是因爲我以這種方式鏈接一個靜態文件?

<!--[if IE 9]> 
    <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/texnbv5/j70mi1pbq/ie9.css" /> 

這是否有什麼關係的事實,我從不同的域,而不是託管域聯此stysheet?

也有反正我可以只是單行需要調整? 是否有可能對我來說,放置一個if語句在我的網站

<!--[if IE 9]<style>#Content-right{margin:-1000}</style> 
<![endif]--> 
+1

剛擡起頭:保證金:-1000無效CSS。單位(px,em,%)缺失。 – reinder 2013-02-11 08:42:47

回答

1

它不工作的CSS部分,因爲你沒有關閉您的評論標籤。它與跨域CSS文件抓取無關,這是完全合法的。

<!--[if IE 9]> 
    <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/texnbv5/j70mi1pbq/ie9.css" /> 

應該<!-- [if IE 9] -->

也...應該是作用於這個IF什麼發動機?

+0

等待它仍然不能正常工作。 – DieVers 2013-02-11 08:53:52

0

有上只是這個話題很有趣的文章。它解決了隔離瀏覽器特定CSS而不必創建整個CSS文件的需求。這種方法也有許多好處。由於我自己的需要,我已經使用了好幾年,直到最近才知道這種分析是在這項技術上進行的。

這裏是鏈接:Conditional Stylesheets vs. CSS Hacks

注意的其他事項:

樣式表的定位是在CSS中非常重要。由於我們無法看到其他調用,並且您正在使用單獨的樣式表,因此將條件語句放在標準樣式表下非常重要。

<link rel="stylesheet" href="path/to/standard.css" /> 
<!--[if IE 9]--> 
    <link rel="stylesheet" href="http://path/to/ie9.css" /> 
<!--[endif]--> 

這是因爲CSS使用已裝載最後,如果有衝突的樣式。我只提到這一點,因爲它可能會影響你的結果,因爲這是一個常見的錯誤。

+0

我覺得我在開始@Fuzzical時試過。我只是嘗試了一些來自[this]的技巧,(http://css-tricks.com/how-to-create-an-ie-only-stylesheet/)文章,但他們似乎也不工作。我查看了另一個在IE9中似乎不能正常工作的網站。 – DieVers 2013-02-11 08:57:20

+0

@reinder。我應該嘗試將其置於中心頂部嗎? – DieVers 2013-02-11 09:03:44

+0

你們是對的。我回到代碼並添加了正確的代碼,現在他們似乎被鏈接了。非常感謝你。 – DieVers 2013-02-11 09:08:48

0

試試這個代碼

<!--[if lt IE 9]> 
     <link rel="stylesheet" href="http://static.tumblr.com/texnbv5/j70mi1pbq/ie9.css" /> 

<![endif] --> 

我希望你的工作