All geek questions in one place

Rounding Elements for IE

on my wordpress site http://www.101river.com the edges of the elements are rounded, but only in firefox, safari and Chrome, because Ie does not support css3 elements are not rounded in IE. I know that there are many tricks to make corners rounded in IE just not the simplest ones. Can someone please provide an example code to make this work?

Php

+3
source share
4 answers

CSS3 is quite difficult to access all browsers. I use http://css3pie.com/ to make it work in IE too. Not everything works, but rounded corners will surely be.

, .

: IE6!

+5

CSS3PIE, .

+4

I always loved Spiffy Corners myself.

0
source

  • Download DD rounded copies . JavaScript functions for creating rounded corners.

  • Then put this in your HTML:

<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>My Site</title>
<link id="stylesheet1" rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--[if IE]>
  <script src="scripts/DD_roundies.js" type="text/javascript"></script>
  <script>
    DD_roundies.addRule('.rounded', '5px');
  </script>
<![endif]-->
</head>

Some other methods, including classic CSS rounded corners using images:

0
source

Source: https://habr.com/ru/post/1760349/

More articles:


All Articles