0

Webページにスライダーがあり、ChromeとIE8で完全に表示されますが、IEでIE7標準に変更すると、スライダーが小さなアイテムとして表示されます。以下のコードを自分のページに含めようとしましたが、それでも同じ問題が発生します。すべてのブラウザで表示するにはどうすればよいですか。

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

1 に答える 1

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
于 2011-12-15T10:46:01.067 に答える