It happens only in Chrome,
But as you can see the twitter button image is greyed out.
http://merrybadend.com/
So I wonder if something wrong in my code or is this a bug of Chrome?
I also did try to use the code in the DIV which the image is placed.
display:block
But that doesn't work.
However other browsers don't have this problem.
Thanks
Change image from CMYK to RGB.
That will solve the problem.
The grey image, how it did look
Related
So i put up a video on our page http://playgrounddistribution.com
It worked like a charm, until i scrolled down and saw that the image behind the "ABOUT US" section doesn't show until i select it with cmd+a or resize the window. This is rather annoying because the text is white so if the background isn't there you can't read it.
At first i thought the video loaded before the image, so i tried only loading metadata, but that didn't solve the problem. Then i figured it must be the cache, but disabling the cache didn't solve it either. Then i noticed selecting it or resizing the window did the trick, but that isn't optimal for our customers. It only seems to occur in Chrome. Have any of you experienced this problem before or should i include the css?
Screenshots here: http://imgur.com/a/xARmi
Thanks in advance!
I have been editing the code of my Tumblr theme and realized that something causes one of the tags to have a gray color background, but i cant find which part of the code is causing this. I used Inspect Element feature and it doesnt reveal the problematic code!
It is perhaps worth mentioning that this happens only when I'm visiting the page in Google Chrome! IE and Firefox show no gray background.
Here is the link to the page http://xziii.tumblr.com/
What do you think is the problem and how can i get rid of it?
Can you please show us any screenshots, because I can't notice any grey background element in the link you provided. Maybe it's being caused by an extension.
I can't reconstruct your problem, there are no grey bars. Are you using any browser-addons or extensions that could cause this problem?
This is the site:
http://grafistas.com.gr/perle/?page_id=105
If you open it and go hover over a product title an image will pop up. In all browsers seems to be okay.
But in Chrome the image is way at the left.
Inside the js file, the xOffset is positive number but the yOffset is a negative number. Does Chrome not understand negative numbers?
I also read somewhere that a possible fix would be to load the js file at the very end so that the image could be loaded and Chrome would read its width/height. I tried it but nothing changed.
Anyone knows what's wrong?
I changed the class that the preview image was embeded and now it works perfect! Thanks me! :P
I have this link:
Which works fine in most browsers, except for IE. I tested it in IE8.
When I add a background color, it does work however. But this is not possible on my design. How do I fix this link to be clickable?
edit: I also tested with transparant background, doesn't work either.
to avoid your mouse to click through your link, you understood you needed a background-color since there's no content at all.
background:rgba(0,0,0,0.01); just does fine, it has a background and still you don't see it.
In fact your link is like it doesn't exist, no text, no title , no nothing but CSS.
Easter egg :) ?
Unless you have really good reason, it is not a good practice to have such an inconsistant link .
Actually, In a real IE8 (win XP) your empty link is clikable !
http://liveweave.com/XvhkJ6 made and tested from a genuine IE8. :)
Add a transparent gif on a background. It is a known bug in IE.
You can use background-color: none
I am stumped as to why my styling is so distorted when I use firefox.
The website is http://shehunter.joshmu.com
Could it be related to the fact this site at the moment is being worked on via a public dropbox url?
Font, positioning and background transparency seem to all be wrong.
Works fine in chrome and safari.
EDIT-
when i click on the info tab the text is displaced far to the left...
in the 'music' section there is a transparent blue background appearing...
UPDATE-
info section solved with position:absolute cheers #sarcastyx!
however still have problems in firefox with it accepting google web font and background transparency problem in the music section of the site.
Thanks for all the help everybody!
Looks good in firefox for me. Screenshot: