Jag vågar dra till med ett: "Nej, det går inte"
Finns det något sätt att göra rundade hörn på bilder (som är sparade helt kantiga) med css?
8 svar · 940 visningar · startad av NETwork
Finns det något sätt att göra rundade hörn på bilder (som är sparade helt kantiga) med css?
Jag vågar dra till med ett: "Nej, det går inte"
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å! :)
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
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.
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.
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.
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..."
Jag fattade. Jag skojade bara med dig. Därav min blinkade smiley med tillhörande tomteluva.