X
Нажмите здесь, чтобы перейти на мобильную версию сайта.
Scheduled maintenance: Monday, March 30, between 3:30pm and 5:30pm UTC. This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn’t solve your issue and you want to ask a question, we have our support community waiting to help you at @firefox on Twitter

Форум поддержки

Rounded corners do not work in Firefox 13.0

Размещено

When trying to style css with the 'moz' rounded corner CSS it does not display correctly in Firefox 13.0 it shows it as a box rather than being rounded.

When trying to style css with the 'moz' rounded corner CSS it does not display correctly in Firefox 13.0 it shows it as a box rather than being rounded.

Выбранное решение

I have tested it in firefox 12 and nightly. I have got perfect results. It shows rounded corners. could you send your code and please check you code once. it works fine without adding -moz- also.

Прочитайте этот ответ в контексте 1

Дополнительные сведения о системе

Это случилось

Не уверен как часто

Установленные плагины

  • Shockwave Flash 11.2 r202
  • 5.1.10411.0
  • Google Update
  • VLC media player Web Plugin 2.0.0
  • iTunes Detector Plug-in
  • Next Generation Java Plug-in 1.6.0_31 for Mozilla browsers
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • WeatherBlink Installer Plugin Stub for 32-bit Windows
  • Adobe Shockwave for Director Netscape plug-in, version 11.5
  • NPWLPG
  • RealArcade_NPAPI_Plugin
  • Office Live Update v1.3
  • Windows Presentation Foundation (WPF) plug-in for Mozilla browsers
  • DRM Netscape Network Object
  • DRM Store Netscape Plugin
  • Npdsplay dll
  • Adobe Acrobat Plug-In Version 5.00 for Netscape

Приложение

  • User Agent: Mozilla/5.0 (Windows NT 5.1; rv:13.0) Gecko/20100101 Firefox/13.0

Дополнительная информация

ffxsf 6 решений 77 ответов
Размещено

Same problem here.

Same problem here.
Размещено

Задавший вопрос

Glad I am not the only one then.

Glad I am not the only one then.
ianilku 3 решений 34 ответов
Размещено

Hi, it works fine for me. I have tested. Please update your beta version.

Hi, it works fine for me. I have tested. Please update your beta version.
Размещено

Задавший вопрос

I upgraded to Firefox 15 and still the same issue.

I upgraded to Firefox 15 and still the same issue.
ianilku 3 решений 34 ответов
Размещено

Выбранное решение

I have tested it in firefox 12 and nightly. I have got perfect results. It shows rounded corners. could you send your code and please check you code once. it works fine without adding -moz- also.

I have tested it in firefox 12 and nightly. I have got perfect results. It shows rounded corners. could you send your code and please check you code once. it works fine without adding -moz- also.
Размещено

Задавший вопрос

.custom-background { background-color: #cadceb; padding: 4px; border: 1px solid #105289; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.custom-background { background-color: #cadceb; padding: 4px; border: 1px solid #105289; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ianilku 3 решений 34 ответов
Размещено

increase your border-radius to 10px you can see perfect curve. And your code works fine for me. If you can see the helpful and not helpful buttons they have rounded corners. message area is also consist of rounded corners. If you can see rounded corners in this website then rounded corners are working perfectly. post reply also consist of rounded corners :)

increase your border-radius to 10px you can see perfect curve. And your code works fine for me. If you can see the helpful and not helpful buttons they have rounded corners. message area is also consist of rounded corners. If you can see rounded corners in this website then rounded corners are working perfectly. post reply also consist of rounded corners :)
Размещено

Полезный ответ

I removed both '-moz-border-radius: 3px;' and '-webkit-border-radius: 3px;' and replaced it with 'border-radius: 20px;' and it works perfectly now.

I removed both '-moz-border-radius: 3px;' and '-webkit-border-radius: 3px;' and replaced it with 'border-radius: 20px;' and it works perfectly now.
ianilku 3 решений 34 ответов
Размещено

perfect ;)

perfect ;)
ffxsf 6 решений 77 ответов
Размещено

Theres a lot of websites that had before rounded corners, but not anymore

Theres a lot of websites that had before rounded corners, but not anymore
orangedan75 0 решений 1 ответов
Размещено

I use "border-radius: 5px 5px 0 0" for all top rounded corner 0 represent not rounded

I use "border-radius: 5px 5px 0 0" for all top rounded corner 0 represent not rounded
cor-el
  • Top 10 Contributor
  • Moderator
17846 решений 161524 ответов
Размещено

You may leave in the -moz-border-radius rule to have support for visitors with older Gecko based browsers.

You may leave in the -moz-border-radius rule to have support for visitors with older Gecko based browsers.
JerseyTechGuy 0 решений 1 ответов
Размещено

So what was changed in 13.0.1 that this is now broken and how does it get fixed. I have 3rd party themes on my wordpress. Do I now have to wait to see if they change their theme?

So what was changed in 13.0.1 that this is now broken and how does it get fixed. I have 3rd party themes on my wordpress. Do I now have to wait to see if they change their theme?
csikszem 0 решений 1 ответов
Размещено

Полезный ответ

The proper usage of particular border radiuses CSS definition according to the W3C specification are as follows:

  • border-radius
  • border-top-left-radius
  • border-bottom-left-radius
  • border-top-right-radius
  • border-bottom-right-radius

I suppose these are working in 13.0.1.

The proper usage of particular border radiuses CSS definition according to the [http://www.w3schools.com/cssref/css3_pr_border-radius.asp W3C specification] are as follows: * border-radius * border-top-left-radius * border-bottom-left-radius * border-top-right-radius * border-bottom-right-radius I suppose these are working in 13.0.1.
nicero 1 решений 2 ответов
Размещено

The following does work with version 12.0 and previouses, but it does not with version 13.0:

-moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;

The following does work with version 12.0 and previouses, but it does not with version 13.0: -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
Размещено

Задавший вопрос

i would rather not be spammed. the question was already answered.

i would rather not be spammed. the question was already answered.
jscher2000
  • Top 10 Contributor
8950 решений 73359 ответов
Размещено

Hi FB92, so sorry about the annoying emails. When you start or reply in a thread, you are automatically subscribed to all replies. Next time you visit the thread, look for "Stop email updates" to the right of your original post. That should take care of it.

Hi FB92, so sorry about the annoying emails. When you start or reply in a thread, you are automatically subscribed to all replies. Next time you visit the thread, look for "Stop email updates" to the right of your original post. That should take care of it.
Размещено

Задавший вопрос

Done that. :)

Thanks.

Done that. :) Thanks.
ThiagoSMoraes 0 решений 2 ответов
Размещено

Rounded corners are not working for me. This is a big problem in FF 13.

Rounded corners are not working for me. This is a big problem in FF 13.

Изменено ThiagoSMoraes

jscher2000
  • Top 10 Contributor
8950 решений 73359 ответов
Размещено

Hi ThiagoSMoraes, you probably have found the solution by now in other threads, but just in case they did not come up in a search: Delete the -moz prefix (unless you want to support Fx3.5/3.6 in which case use both). See https://developer.mozilla.org/en/CSS/border-radius

Hi ThiagoSMoraes, you probably have found the solution by now in other threads, but just in case they did not come up in a search: Delete the -moz prefix (unless you want to support Fx3.5/3.6 in which case use both). See https://developer.mozilla.org/en/CSS/border-radius