搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

css3 border radius

more options

Issue

I have another kind of problem with Firefox

Description

I am using css3 to create rounded edges on an img in my html. Safari renders border radius ok but Firefox needs image in CSS (background image)

here is the css

/* only works in webkit */

  1. sample img{

-moz-border-radius:20px; -webkit-border-radius: 20px; border-radius: 20px; width:220px; height:220px; }

/* works in webkit and gecko */

  1. colouredbox {

background-color: #fae93a; -moz-border-radius:20px; -webkit-border-radius: 20px; border-radius: 20px; width:220px; height:220px; }

/* works in webkit and gecko */

  1. imageviacss {

-moz-border-radius:20px; -webkit-border-radius: 20px; border-radius: 20px; background-image: url(220sample.jpg); width:220px; height:220px; }

(Edited by Moderator: placed code in a CODE block - c)

This happened

Every time Firefox opened

i was trying it out :D

Firefox version

3.6.4

Operating system

Intel Mac OS X 10.6

User Agent

Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-GB; rv:1.9.2.4) Gecko/20100513 Firefox/3.6.4

Plugins installed

  • -Displays PDF documents in the browser.
  • Gecko default plugin
  • Runs Java applets using the latest installed versions of Java. For more information: Java Embedding Plugin. Run version test: Java Information.
  • doubleTwist Web Plugin
  • iPhoto6
  • Unity Web Player lets you experience dazzling interactive 3D right in your browser. For more information, visit Unity .
  • Allows webpages to support pressure-sensitive drawing on Wacom pen tablets.
  • 3.0.50106.0
  • The Flip4Mac WMV Plugin allows you to view Windows Media content using QuickTime.
  • Shockwave Flash 10.0 r45
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in web pages. For more information, visit the QuickTime Web site.

所有回覆 (2)

more options

those numbers at the front of the code should be hashs #

more options

See: https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions https://developer.mozilla.org/en/CSS/-moz-border-radius --- A good place to ask questions and advice about web development is at the MozillaZine Web Development/Standards Evangelism forum. The helpers at that forum are more knowledgeable about web development issues. You need to register at the MozillaZine forum site in order to post at that forum.

See http://forums.mozillazine.org/viewforum.php?f=25