Проблема совместимости с браузером IE 7 (сайт asp.net)

Question

У меня есть ползунок на моей веб-странице, и он отлично отображен в Chrome и IE8, но когда я перехожу к стандарту IE7 в своем IE, тогда ползунок отображается как небольшой элемент , Я попытался включить приведенный ниже код на свою страницу, но все еще имею ту же проблему. как я должен отображать его во всех браузерах.

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

это мой Slider

<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> 

Answer 1

Когда вы говорите, что ползунок появляется как маленький элемент это проблема форматирования? Ползунок работает?

Если слайдер по-прежнему работает, проблема заключается не столько в скрипте, сколько в CSS, который используется для форматирования внешнего вида слайдера. IE7 немного отличается от IE8 с точки зрения использования CSS.

Что я сделал на некоторых своих сайтах, так это 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