I am setting the lang attribute on my html tag and body tag. I then explicitly use it in my css for targeting css at particular languages.
This works fine in IE8, IE9, FF & Chrome and works a treat. However it does not work in IE7. Anyone know why and a possible work around for it?
The attribute selector such as
[lang|="en"]
has buggy support in IE8 and lower. You will have to target the element by other means!
Related
I need to apply CSS filter on body tag. Now I use this CSS rules -
JS fiddle with CSS styles
In Chrome, FF, Opera it works fine. But in IE 10 it doesn't applying.
What am I doing wrong?
IE doesn't support filter properties. Wait for the release of Microsoft Edge, it will support filter
You aren't doing anything wrong. CSS filters don't work in IE and won't in the foreseeable future.
I'm debugging a style problem in Internet Explorer 9.
It look's like ie9 doesn't apply all style rules defined in my css file. As I look in the network tab of Developer Tools, I see for example the '.mobileMenu' class present.
But the style is not applied to the element, if I use 'Inspect element', the browser simply doesn't know about any related style rules. A large portion of the css file (but not all of it) is simply ignored by ie9.
It works in Chrome, Firefox and IE 10. There are a couple of CSS validation errors, but none that look really troubling.
My guess, which is a guess, is that perhaps some stylesheet property (CSS3?) is causing ie9 to stop rendering and skip the rest of the file. Is that possible?
Anyone any experience?
Thanks !
In the end, it had nothing to do with CSS3.
Ie9 did stop rendering, not because of anything in the css file itself, but because the style sheet was to large..
According to Microsoft:
http://blogs.msdn.com/b/ieinternals/archive/2011/05/14/10164546.aspx
We split the Style Sheet into two seperate files and the problem was resolved.
Some CSS3 properties are not accepted by IE9. See this page for which browsers support which properties.
If the CSS3 properties are not support by IE9, you can try using a plugin like:CSS3PIE
I've got the following CSS:
.class1,
.class2:hover,
.class3:disabled { color:red; }
This works in Chrome, Firefox, Safari, IE9 and IE7.
Only browser that doesn't support this is IE8.
Is there a way to make it work?
Tnx
IE 8 does not support the pseudoclass :disabled (neither does IE7) altogether. Multiple classes and :hover are supported.
Unlike IE7, IE8 behaves correctly according to ยง4.1.7 and ignores the entire rule due to the fact that it cannot interpret one of the selectors.
On which elements the attribute hover works on all browsers ?
I guess the element is cross-browser. What about ? Is there any other element ?
For cross-browser I mean working on Safari, Chrome, Firefox, IE 9, 8 and possibly 7.
It's not dependent on which element it is applied to, apart from in IE5/6.
IE 5/6 supports it only on links.
IE 7 supports :hover, but not :active, on all elements.
Put this link on your bookmarks - it will save you plenty of time.
http://www.quirksmode.org/css/contents.html
So for IE7+ and all other browsers, it'll work fine.
Does anyone know why this CSS selector works in Firefox but not in IE7 or IE8?
css=div[style~='visible;'] div[class~='x-combo-list-item']:contains('Test Job')
I'm using this in a Selenium test to find an element on the page.
Edit: The :contains selector is not the problem. I'm using it elsewhere in my tests and it works in IE6, 7, and 8.
I know that Selenium attempts to support all of CSS3 for all browsers in it's selector engine. It may be that it does not support multiple levels of the attribute selectors in IE.
You might be stuck with an XPath "locator" this one
Alternatively, you could try:
div[style~='visible'] .x-combo-list-item:contains('Test Job')
Probably because the :contains pseduo-class is a CSS3 addition and whatever version of IE you're using (you didn't specify) probably doesn't support :contains.
http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#selectors