0

私のウェブページにはスライダがあり、クロムとIE8には完全に表示されますが、私のIEでIE7標準に変更すると、スライダは小さなアイテムとして表示されます。私は私のページに下記のコードを入れようとしましたが、それでも同じ問題があります。すべてのブラウザでどのように表示させるべきですか?IE7ブラウザ(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が使用されています。 IE7はCSSをどのように利用しているかに関して、IE8とはかなり異なっています。

私のサイトのいくつかで行ったことは、いくつかのブラウザ固有のCSSを持つことです。典型的にはそれぞれの主要なブラウザごとに1つです。ユーザーがサイトに入ると、使用中のブラウザが検出され、自分のサイトマスタで使用する正しい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