webForumDet fria alternativet

Runda hörn på bilder med css?

HTML & CSS

8 svar · 940 visningar · startad av NETwork

Medlem sedan juni 20011 732 inlägg
Frågan#1

Finns det något sätt att göra rundade hörn på bilder (som är sparade helt kantiga) med css?

Medlem sedan nov. 200013 890 inlägg
#2

Jag vågar dra till med ett: "Nej, det går inte"

Medlem sedan juni 20011 732 inlägg
#3

Misstänkte det. Sökte här och fann att man kunde göra en del runda hörn åtminstone med netscape, men det handlade bara om tabeller verkar det som. Aja, jag kör med min lösning som fungerar så länge det är samma storlek på bilderna - ett lager ovanpå bilden som är transparent utom vid hörnen som jag gjorde runda i samma färg som bakgrunden runt bilden.

Tack ändå! :)

Medlem sedan nov. 200013 890 inlägg
#4

Här är ett sett att skapa runda hörn men det är nog inte vad du är ute efter:
http://www.sovavsiti.cz/css/corners.html

Medlem sedan juni 20001 521 inlägg
#5

Jodå, visst ska det gå, även för bilder av varierande storlek.

Använd en <div> som du sätter till samma storlek som bilden. Lägg bilden som bakgrund i denna <div>.

Sedan positionerar du ut fyra rundade hörn (bilder) i denna <div> med css, något i stil med det som Web-Tor länkade till.

Medlem sedan nov. 200013 890 inlägg
#6

Man kan alltid lägga andra bilder ovanpå orginalbilden men det känns inte som någon stabil lösning.

Vad jag vet finns det inget sätt att ändra orginalbilden så att det får runda hörn.

Medlem sedan juni 20001 521 inlägg
#7

Web-Tor skrev:

Om jag förstår det rätt så ät det ungefär så NETwork gör idag.

Nja. Han placerar väl en enda bild, istället för flera, vilket gör att han behöver ändra storlek på bilden med de rundade hörnen varje gång.

Med fel webbläsare blir det mesta instabilt. Det här handlar dock om högst ordinär positionering, vilket de flesta webbläsare behärskar idag.

Redigering :
Det var värst. Du hann ju ändra ditt inlägg. ;)

Web-Tor skrev:

Vad jag vet finns det inget sätt att ändra orginalbilden så att det får runda hörn.

Jodå. Med exempelvis Photoshop. ;)
Om du vill göra det på servern så fungerar det även med PHP. Med HTML/CSS blir det klurigare, men det går ju att komma runt som det redan har beskrivits ovan.

Medlem sedan nov. 200013 890 inlägg
#8

Jodå. Med exempelvis Photoshop.

Nä! Du skojar! :o

Jag förtydligar det hela lite:
Fråga: "Finns det något sätt att göra rundade hörn på bilder (som är sparade helt kantiga) med css?"
Svar: "Nej, inte med CSS. Men du kan göra det med PhotoShop, ASP, PHP, Paint, Perl, C++, Paint Shop..."

Medlem sedan juni 20001 521 inlägg
#9

Jag fattade. Jag skojade bara med dig. Därav min blinkade smiley med tillhörande tomteluva.

265 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)