jQuery .css () borderRadius не работает в FF (3.6) и IE (6,7) в Windows

Question

Следующий код не работает в FF (3.6) и IE (7) в Windows XP.

$("#myDiv").css({
  mozBorderRadius: "6px",
  webkitBorderRadius: "6px",
  borderRadius: "6px"   
});

Могу ли я что-нибудь сделать для этой работы?

C

Answer 1

IE7 не понимает border-radius, поэтому CSS игнорируется. Вы можете или жить с этим, или попытаться найти причудливое решение, чтобы сделать скругленные углы, используя изображения.

Я бы выбрал первый, хотя существует множество примеров (, как этот ), если вам действительно нужны закругленные углы в этих старых браузерах.

FF 3.6 поддерживает закругленные углы, но вы должны использовать -moz-border-radius для этого.

Answer 2

для Firefox, , как сказал GolezTrol , оно должно быть -moz-border-radius (или MozBorderRadius) вместо mozBorderRadius. К сожалению, IE 6 и 7 не поддерживают border-radius, поэтому вы должны обойти это:

• вместо изображений

или, для ленивых:

• с использованием css3pie . вам нужно только добавить одну строку в таблицу стилей для элементов, которые могут иметь border-radius:

  behavior: url(path/to/PIE.htc);
  

  обратите внимание, что это решение также позволяет использовать box-shadow и линейные градиенты, которые также могут быть полезны. просто посмотрите на демо .