css rahmen: abgerundete Ecken + bg image?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Gilmohr, 26. März 2008 .

Schlagworte:
  1. 26. März 2008
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Hi leute,
    hab mit css runde Ecken an nem Rahmen erstellt, als hintergrund ne kleine gfx mit dünnen 45° lines.
    jetzt wird das hintergrundbild aber über den rahmen bis in die spitze ecke dargestellt und nicht nur bis zur rahmenlinie....Bild
    {img-src: http://www.food4sport.eu/gfx/problem.jpg}

    hier mein css:
    HTML:
    body {background-color:White; margin:0; }
    
    .rahmen {position:absolute;width:95%; height:95%;
     background-image:url(../gif/bg.gif);
     border:1px solid ;color:Gray;
     left:20px;top:20px;right:10px;
     -moz-border-radius:30px;
     -khtml-border-radius:50px;}
    kann ich das irgendwie mit nem befehl anpassen?
    Vielen Dank
     
  2. 27. März 2008
    AW: css rahmen: abgerundete Ecken + bg image?

    kA, obs funzt aber probiers mal mit overflow: hidden;
    glaub aber eher nicht.

    wollte aber anmerken, dass abgerundete borders noch nicht wirklich standart sind und erst mit css3 kommen werden. Werden bislang eh erst von nur sehr wenigen browsern interpretiert. ( im ie nicht, welcher leider immernoch der häufigstverwendetste browser ist).
    würd mir da also nen anderen weg suchen ud es anders lösen!

    gruß
    gl
     
  3. 27. März 2008
    AW: css rahmen: abgerundete Ecken + bg image?

    Abgerundete Ecken (mit -moz-border-*) funktionieren derzeit noch nicht mit Hintergrundgrafiken.
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.