0

我的网页中有一个滑块，它在 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，通常用于每个主要浏览器。当用户进入站点时，我将检测正在使用的浏览器，然后选择正确的 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 回答