Tag: 互联网浏览器的

滑动时禁用网页导航(后退和前进)

在Windows手机上,如果滑动来自边缘,用户可以通过在屏幕上滑动来前后移动。 这个操作系统级别的function阻碍了我的网页的用户体验。 有没有可以禁用的JS或CSS? 有些黑客也会这样做。 来自windowsphone网站的快照: 以下是参考页面的链接: http : //www.windowsphone.com/en-in/how-to/wp8/basics/gestures-swipe-pan-and-stretch 请注意,我仍然需要触摸水平滚动。

Bootstrap下拉菜单出现在其他元素后面 – IE7

我正在使用Bootstrap 2.3.1 http://twitter.github.io/bootstrap/index.html 所以我使用他们的“下拉菜单”类来创build一些简单的快速使用下拉菜单,但由于某种原因在IE7上,他们出现在我的网站上的文本和其他元素后面。 testing链接: http : //leongaban.com/_projects/defakto/CDS/ 我添加了z-index到我的CSS,但似乎还没有做任何事情,请帮助! .header .header-nav ul#nav-account ul.dropdown-menu, .header .header-nav ul#nav-library ul.dropdown-menu { z-index: 10000; } IE9,Chrome,FF等现代无头疼浏览器: IE7> 🙁 HTML <div class="header-nav"> <ul id="nav-account" role="navigation" class="pull-right"> <!– Language Dropdown Button –> <li id="language-btn"> <a href="#" id="drop1" class="dropdown-toggle" data-toggle="dropdown">English</a> <img src="img/header-small-down-arrow.png" alt="grey triangle"/><!– <span class="grey_triangle"></span>–> <!– Language Dropdown Menu–> <ul class="dropdown-menu" […]

Windows Phone的IE Touchstart事件在几秒钟后自动结束

我有一个非常具体的问题。 我正在写一个手机的网页,上面有一个button。 我在包括IE浏览器在内的所有浏览器上都检测到touchevent ,但是在IE浏览器上它非常具体。 几秒钟后自动结束。 你能以某种方式帮助我吗? 这里是我的代码(修改一个,但仍然不能正常工作): if (window.navigator.pointerEnabled) { tapButton.addEventListener("pointerup", function(e) { e.preventDefault(); addClass(this, 'clicked'); buttonTouched = true; }, false); tapButton.addEventListener("pointerdown", function(e) { e.preventDefault(); removeClass(this, 'clicked'); buttonTouched = false; }, false); alert("pointerEnabled"); } else if (window.navigator.msPointerEnabled) { tapButton.addEventListener("MSPointerDown", function(e) { e.preventDefault(); addClass(this, 'clicked'); buttonTouched = true; }, false); tapButton.addEventListener("MSPointerUp", function(e) { e.preventDefault(); removeClass(this, 'clicked'); […]

为什么console.log.apply()会抛出非法调用错误?

当我在Chrome 18testing版中执行以下代码时,出现错误: console.log.apply(this, ['message']); TypeError:非法调用。 在Firefox 10中,它按预期工作。 在IE9中,我得到错误: Object doesn't support property or method 'apply' 。 我猜这与浏览器如何实现console.log 。 为什么它在Firefox中工作,而不是在Chrome和IE中? 我希望有人能够揭示这个及其后果的原因。 这里是一个 JS Bin 的可执行示例 。

为什么Internet Explorer(9)在UserAgent中报告“Mozilla”?

为什么Internet Explorer在UserAgent中有Mozilla ? 在Firefox中,它指出: Mozilla / 5.0(Windows NT 6.1; rv:7.0.1)Gecko / 20100101 Firefox / 7.0.1 在Interner Explorer中,它指出: Mozilla / 5.0(兼容; MSIE 9.0; Windows NT 6.1; Trident / 5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; Tablet PC 2.0; NET4.0E; .NET4.0C) 在一些博客/论坛中提到,这是由于一些历史原因,但是是什么原因呢? 了解它会是非常有帮助的。

在IE中绝对定位锚标记(没有文本)不可点击

我有两个定位绝对位于图像的顶部,链接可以在其他浏览器(Chrome浏览器,FF,Safari)点击,但不是在IE浏览器(迄今在8和9testing) 奇怪的是,如果我给链接的background-color他们是可点击的,但是如果background-color设置为transparent ( 这是我想要的 ),他们不再是可点击的,我也尝试设置zoom:1但没有运气。 我猜IE中的hasLayout位用IE 8/9去掉了,所以现在猜测zoom对于这种问题并不重要。 任何想法,使这些链接显示在IE 8/9透明BG? 这里是我一直在使用的小提琴: jsFiddle的例子 我有以下的HTML布局: <div id="content"> <img src="http://placehold.it/724×300" width="724" height="300" alt="woot" /> <div id="countdown"></div> <a id="link1" href="http://www.stackoverflow.com" title="link1"></a> <a id="link2" href="http://www.stackoverflow.com" title="link2"></a> </div> 和CSS: body {text-align:center;} #content {position:relative; width:724px; height:300px; margin:0 auto;} #countdown {position:absolute; width:650px; height:110px; top:100px; left:30px; background-color:blue;} #link1 {position:absolute; width:520px; height:35px; bottom:20px; left:0;} #link2 {position:absolute; […]

Internet Explorer 10 Windows 8删除文本input和密码操作图标

我正在Windows 8上的Internet Explorer 10中testing一个高度自定义的Web应用程序,因为它是即将发布的版本,并且有可能在某天使用我的应用程序。 看看这个应用程序的一些文本input控件的示例截图: 有没有一种方法,无论是在HTML或CSS,删除位于文本和密码input控件的右侧的动作图标? 感谢您的时间。

Div 100%的高度适用于Firefox,但不适用于IE

我有一个容器div,里面有两个内部div。 容器内的宽度和高度均应为100%。 我将两个内部div设置为100%的高度。 这在Firefox中运行正常,但是在IE中,div并不能伸展到100%的高度,而只是其中的文本的高度。 以下是我的样式表的简化版本。 #container { height: auto; width: 100%; } #container #mainContentsWrapper { float: left; height: 100%; width: 70%; margin: 0; padding: 0; } #container #sidebarWrapper { float: right; height: 100%; width: 29.7%; margin: 0; padding: 0; } 有什么我做错了吗? 或者我错过了任何Firefox / IE的怪癖?

使用jQuery无法正确设置Accept HTTP标头

我试图设置接受HTTP标头“text / xml”与此jquery代码: $.ajax({ beforeSend: function(req) { req.setRequestHeader("Accept", "text/xml"); }, type: "GET", url: "[proper url]", contentType: "text/plain; charset=utf-8", dataType: ($.browser.msie) ? "text" : "xml", username: '—', password: '——-', success: function(data) { var xml; if (typeof data == "string") { alert("Data is string:" + data); xml = new ActiveXObject("Microsoft.XMLDOM"); xml.async = false; xml.loadXML(data); } else { […]

如何获得浏览器当前的语言环境偏好使用JavaScript?

有谁知道如何从Firefox和谷歌浏览器使用JavaScript获取浏览器文化? 注意:这是一个asp.net 3.5 web应用程序。 要求基于浏览器文化来尝试设置应用程序的显示文化。 我发现其他浏览器的信息很less,但似乎不起作用。 我能够在IE中使用下面的代码片段: var browserCulture = this.clientInformation.browserLanguage; 任何信息将是伟大的!