css rahmen: abgerundete Ecken + bg image?

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

Schlagworte:
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #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....[​IMG]
    {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. Anzeige
    Heute: Deals & Sale mit stark reduzierten Angeboten finden.
  3. #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
     
  4. #3 27. März 2008
    AW: css rahmen: abgerundete Ecken + bg image?

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

  5. Videos zum Thema
Die Seite wird geladen...
Similar Threads - css rahmen abgerundete
  1. Antworten:
    0
    Aufrufe:
    1.697
  2. Antworten:
    4
    Aufrufe:
    427
  3. Antworten:
    4
    Aufrufe:
    539
  4. Antworten:
    3
    Aufrufe:
    293
  5. Antworten:
    1
    Aufrufe:
    384
  • Annonce

  • Annonce