6.1 conditional css?

[mboegem]

Hi,

I've been playing around with the new css features in 6.1
I noticed the border-radius isn't supported by IE.

Is there a way to use conditional css as is common for 'normal' css?
Tried

Code: Select all

<!--[if !IE]> -->
      border-radius: 15px;
   <!-- <![endif]-->

But that just blocks it for all browsers...

[pbakker]

Conditional comments (which is a proprietary mechanism of IE) in Servoy StyleSheets are not supported, but why do you need them at all?

You're use-case doesn't make much sense to me, as if a version of IE doesn't support the border-radius CSS property, it'll just ignore it

Paul

[mboegem]

You're use-case doesn't make much sense to me, as if a version of IE doesn't support the border-radius CSS property, it'll just ignore it

Hi Paul,

if that was the case I wouldn't have started this thread.
I use a label with this styleclass:

Code: Select all

label.headers {
   border: 0px solid;
   border-color: #204A9E;

   color: #FFFFFF;
   background-image: linear-gradient(top, #204A9E, #99B4EA);
   
   margin-left: 10px;
   font-size: 14pt;
   font-weight: bold;
   font-variant: normal;
   border-radius: 15px;
}

If I use IE to display this layout, not only the border-radius is ignored, but also my background-image...
Having my font in white against a white background, this page has become unusable.

As soon as I take out the border-radius, IE will nicely show the background-image (gradient) as well.

So what exactly is ignored? The whole style class, or just that specific property of the class.
As I understand it now this seems a bug...

[pbakker]

Hi Marc,

With the additional info you gave now, I can see where you're coming from.

I think the solution to your problem is not conditional comments, but specifying a fallback background-color in the styleclass to render a proper background color on browsers that do not support gradients.

So, if you add "background-color: red;" somewhere above the background-image property in the class, the label should have a red background if the browser cannot render the linear-gradient value for the background-image property

Hope this helps

Paul