2013-04-02 61 views
1

我有一個網站,其中<noscript>標記在除IE(7,8,9,10)以外的所有瀏覽器上都能正常工作。 在Internet選項內的安全設置下禁用腳本之後,在我的PC上,我只能在IE上使用<noscript>內容,但在其他PC上(幾乎所有)都無法看到代碼。使用這些PC時,我們會使用相同的設置來訪問Gmail和FB的網站,並且我們確實會收到沒有啓用js的警告。noscript標記不能在Internet Explorer上工作

這是HTML:

<noscript> 
    <div class="noscript"> 
     JavaScript must be enabled in order for you to use WEBSITE NAME in standard view.<br /> 
     However, it seems JavaScript is either disabled or not supported by your browser.<br /> 
     To use standard view, enable JavaScript by changing your browser options, then <a href="">try again</a>. 
    </div> 
</noscript> 

CSS:

.noscript { 
    background: red; 
    color: #fff; 
    padding: 10px; 
    text-align: center; 
    position: relative; 
    z-index: 3; 
} 

任何想法?

謝謝!

+0

有你在所有這些其他PC禁用JS ? noscript標籤只會在js不可用時呈現 - 確保它不是(在那裏或其他地方粘貼一個警報)。 –

+0

也許div顯示出來,但在屏幕之外......嘗試在你的css規則中添加頂部:10px和左側:10px – sly63

+5

IE對不同區域具有不同安全設置的這種概念。很可能該網站設置爲信任區域。如果該網站位於公司網絡中,則可能性很大。 – JJJ

回答

-3

試試這個CSS

.noscript { 
    background: red; 
    top: 100px; 
    color: #fff; 
    padding: 10px; 
    text-align: center; 
    position: relative; 
    z-index: 3; 
} 
+1

爲什麼要這樣工作?將其向右移動1000px可能會將其推出屏幕。另外,我強烈懷疑這是一個CSS問題。 – Christoph

+0

它在IE9上工作,所有這一切 – Prasad

+0

得到它我認爲你應該閱讀http://www.w3schools.com/tags/tag_noscript.asp#gsc.tab=0 @aviramtsi男子 – Prasad

2

遇到過這個問題爲好。我在IE中工作,然後突然停下來。我發現,如果你的CSS嵌套在實際的css定義中的noscript標籤下面,它會而不是的工作。如果你只用一個類名就可以了。

我正在使用IE 10與他們的開發工具進行測試,以將文檔模式更改爲舊版瀏覽器模式進行驗證。實際使用舊瀏覽器時結果可能會有所不同。如果是這種情況,請回報。

HTML示例:

<noscript> 
    <div class="noscript"> 
     JavaScript must be enabled ... 
    </div> 
</noscript> 

不起作用:

// classes nested beneath a noscript tag are not applied by IE 
noscript div.noscript { 
     display: block; 
     text-align: center; 
     color: white; 
     font-weight: 700; 
     background: #D53333; 
     margin: 0 auto; 
     padding: 4px; 
    } 

是否工作:

div.noscript { 
    display: block; 
    text-align: center; 
    color: white; 
    font-weight: 700; 
    background: #D53333; 
    margin: 0 auto; 
    padding: 4px; 
} 
相關問題