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