0

我在我的網頁上有一個滑塊,它完全顯示在Chrome和IE8中,但是當我在IE中更改爲IE7標準時,滑塊顯示爲小項目。我試圖在頁面中包含下面的代碼,但仍然存在相同的問題。我應該如何讓它在所有瀏覽器中顯示。與IE 7瀏覽器(asp.net網站)的兼容性問題

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 

這是我的滑

<script type="text/javascript"> 
     function pageLoad(sender, args) { 
      $('.datePicker').datetimepicker({ dateFormat: 'dd/mm/yy' }); 
      $(function() { 
       $("#slider-range").slider({ 
        range: true, 
        min: 0, 
        max: 100, 
        values: [25, 75], 
        slide: function (event, ui) { 
         $("#minval").val("" + ui.values[0] + " - " + ui.values[1]); 
        } 
       }); 
       $("#minval").val("" + $("#slider-range").slider("values", 0) + 
      " - " + $("#slider-range").slider("values", 1)); 
      }); 
     } 
    </script> 

回答

0

當你說滑塊顯示爲一個小項目,這是一個格式問題?滑塊是否仍然有效?

如果滑塊仍然有效,那麼問題不在於腳本,而在於使用CSS來格式化滑塊的外觀。就IE8如何利用CSS而言,IE7與IE8有很大的不同。

我在我的一些網站上做了什麼就是有一些瀏覽器特定的CSS,通常用於每個主要瀏覽器。當用戶進入站點時,我會檢測到正在使用的瀏覽器,然後選擇正確的CSS在我的站點主站中使用。

事情與此類似:

Private Function BrowserStylesheet() As String 
     Dim message As String = Nothing 

     Select Case Request.Browser.Browser 
      Case "IE" 
       Select Case Request.Browser.MajorVersion 
        Case 8 
         message = "<link href=""../../Content/CSS/IE8.css"" rel=""stylesheet"" type=""text/css"" />" 
        Case 7 
         message = "<link href=""../../Content/CSS/IE7.css"" rel=""stylesheet"" type=""text/css"" />" 
        Case 6 
         message = "<link href=""../../Content/CSS/IE6.css"" rel=""stylesheet"" type=""text/css"" />" 
        Case Else 
         message = "<link href=""../../Content/CSS/Unknown.css"" rel=""stylesheet"" type=""text/css"" />" 
       End Select 
      Case "Firefox" 
       message = "<link href=""../../Content/CSS/Mozilla.css"" rel=""stylesheet"" type=""text/css"" />" 
      Case "AppleMAC-Safari" 
       'This case will detect Chrome and Safari as the same so we need to distinguish it further. 
       If Request.UserAgent.Contains("Chrome") Then 
        message = "<link href=""../../Content/CSS/Chrome.css"" rel=""stylesheet"" type=""text/css"" />" 
       Else 
        message = "<link href=""../../Content/CSS/Unknown.css"" rel=""stylesheet"" type=""text/css"" />" 
       End If 
      Case Else 
       message = "<link href=""../../Content/CSS/Unknown.css"" rel=""stylesheet"" type=""text/css"" />" 
     End Select 

     Return message 
    End Function