cross-browser

Can I get consistent CSS colors across browsers?

百般思念 提交于 2019-12-13 12:15:55
问题 I'm testing a new site, and I have a div with background-color: #bbf6bb; That seems innocuous enough to me. And yet, on my MacBook Pro, the color looks very different in Firefox 3.6 vs. Safari 4. In Safari, it's the color I'd expect from the hex value: a pale green. In Firefox, there's a definite bluish tint, making the color turquoise. I'm aware of color inconsistencies that result from different treatment of images across browsers, but in pure CSS? Really? I'm guessing that Firefox trying

Browser agnostic C++ DOM interface

落爺英雄遲暮 提交于 2019-12-13 11:45:34
问题 When programming in C++ against the browser's DOM each engine has a different set of interfaces, IE has the COM based [MSHTML](http://msdn.microsoft.com/en-us/library/aa752279(VS.85).aspx), Mozilla has the XPCOM based Gecko DOM etc. Is there a common API that has adapters for major browsers (and versions)? As a clarification, the application in question is a desktop application written in C++ which interacts with browsers, currently we have separate code bases for support of IE and Mozilla

Play mp3 file using javascript

自闭症网瘾萝莉.ら 提交于 2019-12-13 11:34:53
问题 Which is the best and cross-browser way to play a mp3 (very short) file via javascript? I tried different ways but there's always a problem... EDIT 1: I don't need a "full" player, I just need a function than I can call everytime something happens EDIT 2: Ok, I've to explain better my problem. The server is a smartphone connected in a LAN, but not always to the internet. I want to use mp3 because the file weighs only 3kb (instead of 60kb of wav), but if the mechanism to play this file is too

background-size in different browsers

独自空忆成欢 提交于 2019-12-13 10:01:24
问题 I have some difficulties showing a scaled background on different browsers. I created the website on a Google chrome browser, but when loading the site on a iPhone or earlier version of IE, the background doesn't scale, or just doesn't show at all. I simply used the css code: background-size: 100% 150%; Then I changed it to: background-size: auto; But this still gives some troubles. Any idea how I could resize/scale this image on every browser and IE from version 6 to now? EDIT With the code

Property border-radius doesn't exist in CSS level 2.1 but exists in : 6px 6px

感情迁移 提交于 2019-12-13 08:55:03
问题 I am new to web design and I have some problems in my website. First, it is not a cross-browser compatible website. I want to make it so, but I don't know how to do this. I have read some articles about this, but they have not been any help. Please tell me how I can design a cross-browser website. Second, I have validated my website's CSS file and gotten these errors: 218 .box Property border-radius doesn't exist in CSS level 2.1 but exists in : 6px 6px 219 .box Property -moz-border-radius

“Change” browser event in GWT

不想你离开。 提交于 2019-12-13 08:26:05
问题 I create table in GWT and one of columns contains cells which have inputs. I would like to get information when text in input change. In my cell I overload render() and onBrowserEvent() methods. Here's the code: public HourPickerCell() { super("change", "keyup"); } @Override public void render(Context context, String value, SafeHtmlBuilder sb) { if (value == null) { return; } sb.appendHtmlConstant("<input class=\"hourPicker\" type=\"text\" value=\"" + value + "\"></input>"); } @Override

how to set browser compatiability in jsp?

安稳与你 提交于 2019-12-13 07:34:39
问题 I am developing j2e web application. when i run my application(jsp,servlet) in firefox,it display like below image. when i run same page in chrome, it display like below image. My code structure is, <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.io.*,java.util.*"%> <!DOCTYPE> or <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd"> <html> <head> <style type="text/css"> body{

Loading assets in a noscript element

对着背影说爱祢 提交于 2019-12-13 07:16:19
问题 I expect the standard behavior would be to not load any assets in a <noscript> element, and a quick cursory test in FF and Chrome proves this to be the case. However, are there any situations where assets (e.g. an image) in a <noscript> element, would be loaded when scripts are enabled? 回答1: According to W3 specifications : The NOSCRIPT element allows authors to provide alternate content when a script is not executed. The content of a NOSCRIPT element should only be rendered by a script-aware

Checkboxes Mozilla Cross-Browser issue

可紊 提交于 2019-12-13 06:45:24
问题 I'm experiencing some issues with my checkboxes on Mozilla. The checkbox (on http://apespark.com/formifyPro/examples/login.html) works totally fine on Chrome, but on Mozilla it looks like the default checkbox. I tried and added -moz-appeareance: none , but as it seems it's not reading the pseudo ( ::before and ::after ) elements. I really can't understand and see why it's not displaying as supposed to. 回答1: you should style your label and not the input field. label { display: inline-block;

Browser version detection (opera and chrome complication)

戏子无情 提交于 2019-12-13 06:27:19
问题 I'm trying to detect version using regex of following browsers : Firefox, IE, Opera, Chrome and Safari. Testing following userAgent information. If push |Chrome in regex than the result I am getting is 31.0.1650.63 instead of 18.0.1284.68 Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36 OPR/18.0.1284.68 (Opera Browser) Here is regex : /(?:Firefox|MSIE|Version|OPR).?([0-9.]+)/i This regex working just fine with all browsers which is