Шукати в статтях підтримки

Остерігайтеся нападів зловмисників. Mozilla ніколи не просить вас зателефонувати, надіслати номер телефону у повідомленні або поділитися з кимось особистими даними. Будь ласка, повідомте про підозрілі дії за допомогою меню “Повідомити про зловживання”

Докладніше

Ця тема перенесена в архів. Якщо вам потрібна допомога, запитайте.

cSS border-radius does not draw right-side corners

  • 3 відповіді
  • 1 має цю проблему
  • 20 переглядів
  • Остання відповідь від kimmoli

more options

I have css created hover-popup, which to i have added border-radius -property.

CSS Code for span shown when object is hovered on;

.dropt span {position: absolute;  left: 33%; display:none;
  padding: 10px 10px 10px 10px;
  text-align: left;
  border-style:solid; border-color:black; border-width:1px; z-index: 6; border-radius: 10px;
  left: 33%; top: 133px; background: #eeeeff; }
.dropt:hover span { display: block; }

Left side corners of popup are working nice, rounded ok.
Right side corners are missing completely, there is reverse corner empty space.

if i press F5, the rounded corners appear there for a moment, then the whole page refreshes.

I have css created hover-popup, which to i have added border-radius -property. CSS Code for span shown when object is hovered on; <pre><nowiki>.dropt span {position: absolute; left: 33%; display:none; padding: 10px 10px 10px 10px; text-align: left; border-style:solid; border-color:black; border-width:1px; z-index: 6; border-radius: 10px; left: 33%; top: 133px; background: #eeeeff; } .dropt:hover span { display: block; }</nowiki></pre> Left side corners of popup are working nice, rounded ok.<br /> Right side corners are missing completely, there is reverse corner empty space. if i press F5, the rounded corners appear there for a moment, then the whole page refreshes.

Змінено cor-el

Усі відповіді (3)

more options

Змінено kimmoli

more options

A good place to ask 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.

I see a display:none; rule in your CSS code. Maybe that is the cause.

more options

Ok, thanks, i will try through that channel.

Display:none is intentional, to hide the box when not hovering above my icon. The .dropt:hover says display:block, and this generally works nicely.