Avatar billede Tanzcer Nybegynder
31. august 2012 - 15:29 Der er 3 kommentarer

At runde et billede via et stylesheet

Jeg sidder netop nu med et problem, i mit design som jeg er ved at kode, og mit problem er at jeg ikke kan få min border til at rage ind over et andet billede, som er (ligesom borderen) indsat fra et stylesheet..

Hvordan kan jeg få min border til at være i fronten, så den bare afrunder billedet, og billedet ikke gør borderen firkantet - og kan det overhovedet lade sig gøre?

Et billede af problemet:
http://i.imgur.com/d7wDv.png

Stylesheet:

.box_right_border{
    border-style: solid;
    width: 201px;
    border-width: 1px;
    border-color: #C9C9C9;
    background-color: #F2F2F2;
    border-bottom-width: 2px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-left-radius: 3px 3px;
}
Avatar billede claes57 Ekspert
31. august 2012 - 17:49 #1
kunne man tænke 2 div'er på samme plads - den nederste med billedet, og den øverste med ramme og transparent baggrund
Avatar billede Himbear Nybegynder
01. september 2012 - 20:08 #2
Altså hvis du placerer dit billede med background-image, så vil det blive afrundet. Kan det lade sig gøre?

Ellers prøv at se her ...
http://www.swedishfika.com/2010/03/19/rounded-corners-on-images-with-css3-2/
Avatar billede magic-mouse Novice
05. september 2012 - 09:31 #3
Jeg bruger selv jQuery til at afrunde hjørner.

Den lever runde hjørner på browser som støtter det (Mozilla/Webkit) og laver firkantede på dem som ikke støtter det.

http://jqueryui.com/docs/Theming/API#Misc_Visuals
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester