cross-browser

border:outset; only working in firefox

由 爷，独闯天下 提交于 2019-12-11 00:19:57
问题 i have a table on this page with the following css (each td has the class box ) .box{ border: 3px outset #959595; width:25px; height: 25px; background-color: #dddddd; cursor: pointer; } table{ border-collapse: collapse; border-spacing: 0px; border: 4px inset #444; } i get what i want in firefox but in any other browser it doesnt seem to be working as i want it to 回答1: From MDN's documentation on border-style (re: outset ): Displays a border that makes the box appear in 3D, embossed. It is the

How do browsers compare URLs for caching?

由 自古美人都是妖i 提交于 2019-12-10 23:43:26
问题 Specifically, what portions of the URL are used for comparison. Suppose I serve a CSS stylesheet at https://www.example.com/a/b/test.css with the appropriate HTTP headers for cache-control , max-age , etc. When a user goes to each of the following URLs later, which of them will serve the cached file? https://www.example.com/a/b/test.css https://www.example.com/a/b/test.css?abc=123 https://www.example.com/a/b/test.css#abc=124 Basically, what I'm asking is whether or not the "search" and "hash"

menuitem and contextmenu crossbrowser compatibility

由 社会主义新天地 提交于 2019-12-10 23:29:06
问题 Problem 1: I had made my own contextmenu using the following piece of code. function addFullScreenMenu () { var menu = document.createElement('menu'); var item = document.createElement('menuitem'); menu.setAttribute('id', 'fsmenu'); menu.setAttribute('type', 'context'); item.setAttribute('label', 'Fullscreen'); item.addEventListener('click', function (e) { if (window.fullScreen) { document.body.mozCancelFullScreen(); } else { document.body.mozRequestFullScreen(); } }); menu.appendChild(item);

CSS, Javascript functionality issue relating to styled input buttons on newer browsers? (IE 8/9, FF 9)

由 二次信任 提交于 2019-12-10 23:06:49
问题 I'm working on a site where I have input buttons (styled using CSS) that are a part of a form. For example, see below for sample code <input type="submit" name="buttonSave" value="save" id="buttonsavejs" class="button_image button_style"/> I've just found an issue where if a user clicks on the button, it moves a few pixels below and then expected action takes place intermittently . But intermittent , I mean that sometimes it works (redirects the user to the next page) and sometimes nothing

works in chrome but not firefox - jquery

由 徘徊边缘 提交于 2019-12-10 22:24:49
问题 $('#carat_weight_right li').css('left', function(index, value) { if (value === '100%') { $(this).children('span').css({'margin-left': '-58px', 'text-align': 'right'}); alert('hello'); } }); seems to work in chrome but not firefox any one have a clue ???? thanks 回答1: This is a fun case of a cross-browser implementation difference. Firefox is returning the used value for the element's computed style . This winds up being the actual value in pixels used to render the element in the browser:

particle-slider logo won't resize in Safari

由 ε祈祈猫儿з 提交于 2019-12-10 21:36:52
问题 I'm loading a front-end site from Wordpress using a HTML 5 Blank Child Theme. I have a logo effect using particle slider for when I have a screen size of >960px; for screen sizes <960px I have a flat logo image. It all works fine on both Firefox and Google Chrome but when I re-size between logos on Safari the page has to be refreshed manually (i.e. by pressing cmd + r ) before the PS effect shows again. The code was sourced from an original question I posted here - Original Stack Q&A Here's

How to detect if a user has gone to a page by using the (browser) back button?

由 99封情书 提交于 2019-12-10 21:25:40
问题 I have some pages with dynamic generated partial views, for example in some search pages. If a user returned to such pages with the browser back button or with a back button implemented like: @if (Request.UrlReferrer != null) { <button onclick="history.go(-1); return false;" class="flatButtonSecondary">back</button> } He doesn´t get the dynamic generated inputs loaded from the session or cookies because the page becomes loaded out of the cache of the browser. I found this similar thread: How

Are There Any Pros to Use HTML 5 Doctype `<!DOCTYPE html>` Without Using HTML 5 Tags?

由 旧时模样 提交于 2019-12-10 19:56:40
问题 Are there any pros to use the HTML 5 doctype <!DOCTYPE html> , even if I am not using any new HTML 5 tags? Are there any benefits to replacing the XHTML doctype with the HTML 5 doctype, even if I am not using any new HTML 5 tags? Can the HTML 5 doctype create problems in terms of functionality if I am using anything XML related with my site, or using HTML 5 for web development with any A-Grade browser? Is it supported in all desktop and mobile browsers? Or, for right now, is it good to stick

CSS Marquee Compatibility

由 筅森魡賤 提交于 2019-12-10 19:34:51
问题 I can't seem to find anywhere online the browser compatibility for the CSS Marquee properties. Can someone give me some information about which browsers (and versions) it works on. P.s. I know some will say not to use marquees, but it's a requirement for one of our clients. And I'd rather use CSS properties than Javascript or the tag. Here's the W3.org page on it. http://www.w3.org/TR/css3-marquee/#the-marquee-style EDIT (08/10/203): Since this question, I have been experimenting and noticed

Downsides of using the navigator object / user-agent sniffing for detecting IE versions

由 百般思念 提交于 2019-12-10 19:18:39
问题 With the release of jQuery 2.0, there has been a lot of talk about how to identify if the user is using an IE version which is supporting it or not (jQuery 2.0 only supports IE9 and later). My question is why a solution like this: var ie = (function(){ var undef, v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->', all[0] ); return v > 4 ? v : undef; }()); is preferred over looking at the
订阅 cross-browser