The following code with alternating background I have shows up fine in Chrome and Firefox but not IE9:
If IE9 does support it, what am I missing?
Here is the output in Chrome and in IE9 respectively. Notice the grayish background missing on IE9
Internet Explorer, or any other browser for that matter, has no knowledge of AlternatingItemTemplate. It's part of a server-side control. ASP.NET renders the AlternativeItemTemplate's contents when it's an alternate row.
As far as your background color not working, I recommend using the Developer Tools and tracing the style to determine why it isn't visible.
Related
I'm testing the blur effect -webkit-filter:blur(5px) which seems to work only with Chrome.
But I've found this:
http://vectorflower.com/preview/trans_banner/
I dont know how they do it, but works with Firefox and Internet Explorer.
Does anyone know how they do it?
I thought they were "cheating" with 2 images, but the console shows only 1 request per image.
The css filter specification is pretty new and is not supported yet in IE or Firefox.
http://caniuse.com/#feat=css-filters
The example you linked to uses the canvas to draw the blur effect directly.
I was working on vertical rhythm of my css framework - it looks perfect in firefox but different in chrome and ie9. Anyone know what the cause?
my framework typography page:
http://kenhty.github.com/Natural/typography.htm
If you are referring to the box-flex grid, then check out the specs of the MDN page on using flexible box. There are a couple issues you're running into...
For one, support is extremely limited. Firefox 18+, Chrome 21+, no support in IE and Safari. As such, you are experiencing issues in Chrome because production Chrome is the only one that actually supports your code, and also you are missing the following styling:
-webkit-flex-direction: column
Yours is defaulting to row, which is causing your issues in Chrome.
More perplexing is that I'm on Firefox 15 and it's displaying your Grid properly... Yet when viewing the computer styles, it doesn't even display your grid styling, as Firefox 15 doesn't yet support it. So I'm actually amazed that you're grid displays properly in Firefox.
Anyway, check out what browsers support it and make sure you are overriding any default settings that need to be overridden.
I've been playing with CSS3 transforms- rotations- and embedded fonts.
Some fonts completely disappear in Chrome when I apply a rotation.
Does anyone know why chrome blows this up?
What makes a font susceptible to this behavior?
Screenshot
So maybe y'all don't think I'm crazy- The text only shows up (kind of) after I try selecting it.
You weren't including the font correctly, try it like this:
http://jsfiddle.net/DFmtJ/1/
(tested on windows XP, Chrome 11.0.696.68 and 13.0.782.220)
------Edit--------
Cried wolf, the font that was being loaded was another one :/, though it is working for me on Chrome as in your first demo.
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 .
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.