cross-browser

CSS background url () not appearing in IE, works in FF/Safari

陌路散爱 提交于 2019-12-06 02:40:11
I'm debugging my website for the dreaded IE6 but I'm officially stumped. Appearance in Firefox: http://dl-client.getdropbox.com/u/5822/firefox.tiff Appearance in IE6: http://dl-client.getdropbox.com/u/5822/ie6.tiff Live site: Motolistr.com The following CSS works great in FF and Safari, but doesn't in IE6. #search_sort{ background-image:url('../images/nav/bg-form.jpg'); padding:10px; border:1px solid #d13a3b; margin-top:5px; } The following CSS DOES WORK in IE6, and it seems identical...(wtf) #email_seller{ border:1px solid #d13a3b; background-image:url('../images/nav/email-form-bg.jpg'); }

How to make JS and CSS compatible with IE, Firefox, Chrome, Safari?

对着背影说爱祢 提交于 2019-12-06 02:30:46
Our company develops ERP and CRM, and so far our products support IE and Firefox. Now we want to support Chrome, Safari and even Opera. Is there any comprehensive materials that introduce browser compatibility of JS and CSS? thks! theres the mozilla dev-center that has a great CSS- and JavaScript- reference. Every entry has information about browser compatibility. For a quick overview, you cauld also take a look at caniuse.com ( CSS and JavaScript ) that provides simple tabular lists for the different features. I've been coding the front-end for over a decade and a half now, and things seem to

Mobile cross-browser web testing

ⅰ亾dé卋堺 提交于 2019-12-06 02:14:49
问题 When building websites I commonly use tools such as Browsershots to ensure that my pages looks reasonably OK in the different browsers. I am however starting to get complaints about a heap of mobile browsers running on different portable devices. My question is simply how do one best carry out mobile cross-browser tests ? (answers that does not require me to install a ton of different mobile emulators will be preferred). 回答1: DeviceAnywhere can do this, but not for free. 回答2: The answers are

Safari vs Chrome/Firefox: border-image vs border-color

删除回忆录丶 提交于 2019-12-06 01:27:50
Safari treats border-color:transparent as overriding border-image , whereas the opposite is true in Chrome and Firefox. (Safari is consistent with the others if border-color is an opaque or semitransparent color. rgba(0,0,0,0) behaves the same as transparent . I don't know what IE does.) Concretely, this snippet: #wrapper { background-color: red; } #test { border-width: 10px; border-style: solid; border-color: transparent; border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABlBMVEUA//////+xuF6gAAAACklEQVQIHWPADQAAGwABJwptqgAAAABJRU5ErkJggg==");

HTML email doesn't display correctly in Google Apps/Gmail

依然范特西╮ 提交于 2019-12-06 01:18:36
My web application sends HTML-based e-mail to users. I've created a HTML e-mail template (based off a template provided by MailChimp which is supposedly designed to work in any browser/email client). When I send it using SendGrid , it arrives and displays perfectly on my Apple iPhone 4 but doesn't display correctly when I test it in Gmail/Google Apps (using both Firefox and Google Chrome) . The HTML code snippet that isn't working properly: <tr> <td align="center" valign="top" style="padding-top:0;"> <table border="0" cellpadding="15" cellspacing="0" class="templateButton3"> <tr> <td valign=

HP QTP 11: Script execution fails when running in Firefox, but Debug Viewer shows result of operation

浪尽此生 提交于 2019-12-06 00:41:34
I'm trying to run our automation, written for IE, on Firefox 3.6 and facing those frustrating problem: I have a code: Set cellDataItems = Browser().Page().WebElement().Object.getElementsByTagName("div") For i = 0 to cellDataItems.length -1 MsgBox (cellDataItems.item(i).innerHTML) Next When script goes to line with MsgBox if stops with error: TypeError: obj[FuncName] is undefined Then I press debug, see that i=0. I added cellDataItems.item(i).innerHTML into debug viewer, it shows it's value (see below) without errors. Also, cellDataItems.item(i).textContent shows fine in Debug Viewer. The value

CSS line-height issue across browsers

房东的猫 提交于 2019-12-06 00:01:16
I have some button controls with CSS line-height: 18px. Some are input controls type="button", and others are anchors stylized to appear as buttons like the input controls. In FF3.6.12/IE8 they are displaying the same height, but in IE7, the anchors are shorter in height. How do I get them to display correctly in IE7? I took your demo: http://jsfiddle.net/DnGvF/ and added just this CSS at the end: http://jsfiddle.net/gRF9g/ /* ie7 fixes */ .Footer input[type=button], .Footer input[type=submit] { overflow: visible; *height: 24px; *line-height: 15px } Some explanation of what's going on there:

Is it possible to change browser mode without using the IE developer tools?

女生的网名这么多〃 提交于 2019-12-05 23:55:14
Our application runs fine in IE7 and IE8. We use the X-UA-Compatible header to force the browser to use IE7 standards document mode. This is about which rendering engine will be used afai get the picture. In IE9 however there are a bunch of things which stopped working. In IE9 the document mode is IE7 standards, but the browser mode remains IE9. When I manually change the browser mode (using the developer tools) to IE7, all is fine again. Is there a way to programmatically force BROWSER MODE? It seems this is not possible. 来源: https://stackoverflow.com/questions/9735080/is-it-possible-to

How can I make input buttons look exactly the same in all browsers?

谁都会走 提交于 2019-12-05 23:39:07
问题 I'm styling my form buttons like this: /* CSS RESET */ * { margin: 0; padding: 0; } ... form input.button { padding: 2px; } ... <input class="button" name="submit" type="submit" value="Login" /> But they look like this: What is the easiest way to make buttons look exactly the same in all browsers? 回答1: What is the easiest way to make buttons look exactly the same in all browsers ? Use an image. I don't think you will get it exactly the same cross browser otherwise. You could get close with

Can I render warning message if user's browser is not supported?

对着背影说爱祢 提交于 2019-12-05 22:42:23
问题 I am working on a react application and customers want it to show a special message if user's old browser does not support (e.g. IE 9) . So long I tried to detect some "popular" old browsers, using react-device-detect package. src/index.js import { browserName, browserVersion } from "react-device-detect"; const render = Component => { if (browserName === "IE" && browserVersion < 10) { ReactDOM.render(<UnsupportedBrowser />, document.getElementById("root")); } else { ReactDOM.render(