cross-browser | 易学教程

CSS drop-down menu explosion in Internet Explorer 7

阅读更多关于 CSS drop-down menu explosion in Internet Explorer 7

I am creating a design with a drop-down menu and everything works well in modern browsers (i.e. Firefox, Chrome, Opera, Safari, and IE9). However, due to to the number of visitors using IE7 and IE8, I also need to make the menu compatible with those versions of Internet Explorer. Here is the drop-down menu ( fiddle , pastebin ): HTML <ul class="menu_top"> <li><a href="/" title="Home" class="selected">Home</a></li> <li><a href="/Help_Videos" title="Help Videos" class="haschildren">Help Videos</a><ul> <li><a href="/Child_Page" title="Child Page">Child Page</a></li> <li><a href="/Site_Map" title=

How to set “default” value for history.pushState and replaceState?

阅读更多关于 How to set “default” value for history.pushState and replaceState?

问题 For browsers that use the title param, what value should we use to tell the browser to use its default? In Safari 5.1.7 (7534.57.2) , if I put null or undefined as the title param, it uses the browser default: However, Opera 12.16 uses the string "null" and "undefined" respectively: What's supposed to be the "correct" behavior? On Opera, how can we set to "default" if "null" and "undefined" doesn't work? (MDN's History docs doesn't seem to have much info regarding the allowed values for

is there a program or a framework which allows to build cross browser compatible html and css codes?

阅读更多关于 is there a program or a framework which allows to build cross browser compatible html and css codes?

问题 I know there are programs like dreamweaver but none of them has significant success when it comes to creating automatic cross browser compatible html and css codes. I was wondering, is there a framework or program that i can use for creating more cross browser compatible HTML and CSS layout ? Currently, i am using a virtual windows xp version running on vmware to check how web pages looks in IE6, and manually using Chrome, Firefox, Opera and Safari. 回答1: What you want doesn't really exist as

Old IE JavaScript doesn't support indexOf

阅读更多关于 Old IE JavaScript doesn't support indexOf

From input file type i am passing fullPath(entire local path name) to javascript , and i have written javascript to know the file extension type , while (fullPath.indexOf("\\") != -1) fullPath = fullPath.slice(file.indexOf("\\") + 1); alert(fullPath); I have problem in IE only at above part , exactly i found indexOf is not supported in IE, how may i alter my this . If that is not the case is there any alternate to know the file extension which can work in all browsers. thanks, michaeld You could create it ( Javascript Code to create method ) For ease of use: if(!Array.indexOf){ Array.prototype

Access parent document from dynamic iframe using jquery

阅读更多关于 Access parent document from dynamic iframe using jquery

This question is continuation of this question . I use the following code to append the dynamic <iframe> to the document. var _hf_iFrame = document.createElement("iframe"); _hf_iFrame.setAttribute("id", "_hf_iFrame"); _hf_iFrame.setAttribute("name", "_hf_iFrame"); _hf_iFrame.setAttribute("allow-transparency", true); _hf_iFrame.setAttribute("style", "height: 354px; width: 445px; border: 0; top: 23%; position: fixed; left:0; overflow: show; background:transparent;"); document.body.appendChild(_hf_iFrame); _hf_iFrame.setAttribute("src", "javascript:false"); var myContent = '<!DOCTYPE html>' + '

Is it possible to switch browser tab?

阅读更多关于 Is it possible to switch browser tab?

Here is my requirement, I'm working on a enterprise application which is quite old, and it supports IE browser only. Now, there are chances that the user could open multiple tab/window from this application. I have written a custom timeout plugin for our purpose with jQuery idleTimer Plugin . When the countdown reaches 10 or less than 10, i need to switch to this tab/window to make the user aware that the page gets expired in less than 10 seconds. So, is there a solution for this? I have tried window.focus() but does not work. There isn't a cross-browser way do switch a tab that's 100%

Javascript variable scope in a JS URI, or how to write page-scope objects?

阅读更多关于 Javascript variable scope in a JS URI, or how to write page-scope objects?

问题 I'm writing a Greasemonkey script that I'm trying to use in Chrome and Firefox. I know you can't use unsafewindow in Chrome like you can in Firefox, so I've been attempting to use jS-uris like in the answer for: Greasemonkey, Chrome and unsafeWindow.foo(). when I try the following: location.assign("javascript:var tutu = 'oscar';"); location.assign("alert('1:' + tutu);"); alert('2:' + tutu); I receive an error showing that "tutu" is undefined. Obviously what I'm not understanding is the scope

Cross browser testing in cucumber

阅读更多关于 Cross browser testing in cucumber

I want to run a feature file in three different browsers parallely. How can I create three different instances of webdriver? and please add How to do the same for two different feature files? P.S. I am working on cucumber with java. When you mention "three different browsers in parallel" do you mean like Chrome, Firefox and explorer running in parallel OR three different instances of Chrome only . If it is the second case refer to this article - https://opencredo.com/running-cucumber-jvm-tests-in-parallel/ . The basic logic behind this is forking into separate JVM's for the number of parallel

nested svg ignores transformation in Chrome and Opera [duplicate]

阅读更多关于 nested svg ignores transformation in Chrome and Opera [duplicate]

This question already has an answer here: SVG translate seems to behave different in Chrome/Chromium 2 answers I experienced somewhat that I would call a bug. I have the following 2 svg: <svg height="100%" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xmlns="http://www.w3.org/2000/svg" id="SvgjsSvg1004"> <defs id="SvgjsDefs1005"></defs> <g transform="matrix(2,0,0,2,50,50)" id="SvgjsG1011"> <rect height="50" width="50" id="SvgjsRect1012"></rect> </g> </svg> <svg height="100%" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xmlns="http://www.w3.org

Accessing a local Azure app from a Virtual PC for cross browser testing

阅读更多关于 Accessing a local Azure app from a Virtual PC for cross browser testing

I'm using version 1.6 of the Windows Azure SDK. As I understand it, the emulated load balancer listens on 127.0.0.1 and the instances of the web apps are created at 127.255.0.[0,1...]. I need to do cross browser testing as I develop, so I created a load of Virtual machines via Virtual PC and Oracle VirtualBox with different browser configs. Unfortunately, I don't seem to be able to access the emulated load balancer nor the separate instances from any of the virtual machines as everything is bound to loopback addresses. Does anyone have any ideas how I can do this? thanks! Hm, I have not tested