How to draw a circle using css in ie8?

Question

4.00/5 (1 vote)

See more:

I want to draw a circle using css.Therefore for these I am writing a following css, It works fine in all browser except ie8,To achieve these I am adding "ie-css3.htc" file in root directory, but it doesn't work in ie8.

CSS

.div_Wizard_step {
   background: none repeat scroll 0 0 transparent;
    border: 4px solid #FEFEFE;
    border-radius: 20px 20px 20px 20px;
    color: WHITE;
    float: right;
    font-size: 20px;
    font-weight: bold;
    height: 25px;
    width: 25px;
    padding:3px;
   behavior: url(ie-css3.htc);
}

Posted 16-Apr-13 0:04am

vaibhav10Dec1987

Add a Solution

Comments

Sergey Alexandrovich Kryukov 16-Apr-13 12:50pm

The idea is working, you just need to pay a bit more effort in it, and make it cross-browser.
~~I even voted 5 for the question, for the attempt to render something rather unusual...~~
No, only 4: you made a very apparent mistake is radius/size; please see my answer. :-)
—SA

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2013-04-16T06:58:00

Please see my comment to the question.

My idea is: take a good rounded corner generator. You will find a plenty of them: http://bit.ly/POC2pp[^].

I used this one: http://cssround.com/[^].

The aspects of browser compatibility are explained here: http://www.css3.info/preview/rounded-border/[^].

Don't trust it fully, better check up with browser documentation on each well-known browser.

It will give you the cross-browser code (if a generator is good). Now, choose width and height exactly twice as radius. If you want a border, slightly change the size, by the size no bigger then border width. You are done.

—SA

How to draw a circle using css in ie8?

1 solution

Solution 1

Add your solution here

Preview 0

How to draw a circle using css in ie8?

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us