pk_noobslide runde ecken

**schlafsack** · 26.10.2012, 09:43

Hallo,

wie bekomme ich den pk_noobslide mit abgerundeten Ecken hin?
Habe schon im css folgendes probiert:

Code:

.ce_noobSlide, .ce_noobSlide_section, .noobSlide_section_inside {
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
behavior:url('plugins/css3pie/PIE.htc');
}

In Firefox sind die Ecken abgerundet und bleiben es auch. In Chrom und Safari jedoch verschwinden die abgerundeten Ecken unten sobald der Slider slidet und oben bleiben sie rund.

**art-instinct** · 26.10.2012, 10:08

hast du mal einen Link, damit man sich das angucken kann?

**schlafsack** · 26.10.2012, 10:39

Testseite
http://gemeindeambahnhof.dieschellenbergs.de/

**Flex** · 26.10.2012, 13:38

Versuch mal folgendes:

Code:

.noobSlide_section_inside img {
display: block;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
behavior:url('plugins/css3pie/PIE.htc');
}

Das "display:block;" entfernt den Margin den <figure> sonst mit sich bringt und somit wird die Border direkt auf das Bildelement angewendet.