Question

我的网页上有一个滑块，它在Chrome和IE8中完美显示但是当我在IE中更改为IE7标准时，滑块显示为一个小项目。我尝试在我的页面中包含以下代码，但仍然存在相同的问题。我应该如何在所有浏览器中显示它。

   <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在如何利用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

IE 7浏览器的兼容性问题（asp.net网站）

1 个答案: