Chrome hides HTML5 video when switching tab - css

I'm experincing this error on my homepage, when switching tabs in Chrome:
The error does not seem to happen in either Safari og Firefox. Tried on Chrome, Safari and Firefox on MacOS and Firefox and Chrome on Ubuntu. Chrome is the only browser having trouble with this.
Specifically it sets the CSS display attribute to display: none; which I can't wrap my head around.
Try it for yourself: https://supervisual.com/

It is not about chrome, it's something on that website code or something that makes that, try right click on the video and open in new tab, that issue doesn't happen when switching tabs then.

Related

Firefox doesn't show elements but Chrome and Safari do

I'm using a WordPress theme and in Chrome and Safari the site looks fine.
Here is the origin theme page: http://demo.onedesigns.com/pinboard/
But in Firefox the social buttons in the upper right corner are not displayed.
I started to inspect the elements and figured out they are grayed out.
But I don't see styles that make them invisible or something like that.
What does it mean?
Firefox 39.0, Mac 10.10.3
They are blocked by the extension Adblock Plus. You can see that by the style -moz-binding():

CSS Menu Not working with XML rotating Banner

I tested Nvidea css drop down menu on a site with XML Flash rotating banner , it works find on opera but doent work on internet explorer and google chrome, it actually goes behind.
menu from : http://www.lwis.net/free-css-drop-down-menu/
see link here: http://sonymax.co.uk
thx
Seems there is a problem with the menu actually, I removed the banner in IE and the drop-down menu still doesn't show up. Also note, that if you change your compatibility mode from IE7 to IE8 or 9 the menu and banner are way off. You should revise your code a bit.
It works in my Chrome, not sure why it doesn't in yours, only IE has the problem as far as I tested.

Scroll bar css style in Internet Explorer

I've got this problem while doing the scroll bar for both iPad and browsers. The style is working fine with Opera, Safari, Firefox and Chrome. However the style doesn't show in Internet Explorer and it appears the wired horizontal scroll bar on the page too.
You can find a link to the page here.
Does anybody know how to fix this issue?
Looking at the iScroll website and demos it looks like IE isn't supported. Go ahead and try it in IE http://cubiq.org/dropbox/iscroll4/examples/simple/. You may want to try another library such as this one http://www.hesido.com/web.php?page=customscrollbar which seems to work just fine in IE.

Why does CSS 3d animations work on safari and not chrome if they are both build using webkit?

I was wondering why the CSS 3d animation work on safari (desktop/ipad/iphone) browser but not on latest chrome 9.0. Aren't chrome and safari both based on the webkit platform???
Also, how can I stay in the loop with Chrome (desktop/android) browser and their plans to support CSS 3d in the future?
Link is here: http://girliemac.com/sandbox/flickr_3d.html
Thanks.
EDIT: For those of you who says it works on Chrome, can you please try it on safari? It looks like it works on Chrome but it REALLy works on the latest safari or get the nightly build.
I use chrome 9.0.597.107; chrome disable 3d animation by default.
so, if want enable it, just open a new tab, access the page : about:flags
In that page, make sure enable the GPU.
restart the chrome , then you should see the 3d animation .

css rollover buttons- great in safari,and firefox/ ie but not chrome?

i've been trying out a bit of code posted to make image rollover buttons using only css,
this seems to work fine.
local testing showed no problems, IE, Firefox, safari all ok. even chrome displays as intended on the local version.
Once i move to a hosted test, IE, Firefox and Safari all display as intended but chrome offsets all the buttons right about 8-10 pixels.
here's the test page
http://www.fierysurprise.pwp.blueyonder.co.uk/bga/bgd.html
can anyone enlighten me as to what's happening?
site built in Kompozer
I assume you're referring to the squares under the "architectural design..." phrase.
I can't recreate this problem in Chrome v5.0.375.125.
What version of chrome are you using? Chrome tends to doggedly cache resources. Have you tried a cache refresh?
What version of Chrome are you using? I looked at your site in Chrome 5 and can't seem to tell a difference between any of the browsers you've mentioned.

Resources