---
title: "Runda hörn på bilder med css?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/91880-runda-hörn-på-bilder-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "NETwork"
published: "2003-12-04T14:23:43.000Z"
updated: "2003-12-04T16:03:54.000Z"
replies: 8
views: 943
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/91880-runda-hörn-på-bilder-med-css"
---

# Runda hörn på bilder med css?

## #1 — NETwork, 2003-12-04T14:23Z

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

Permalänk: https://www.webforum.nu/p/91880

## #2 — Web-Tor, 2003-12-04T14:35Z

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

Permalänk: https://www.webforum.nu/p/1220499

## #3 — NETwork, 2003-12-04T14:37Z

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å! :)

Permalänk: https://www.webforum.nu/p/1220501

## #4 — Web-Tor, 2003-12-04T14:41Z

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>

Permalänk: https://www.webforum.nu/p/1220504

## #5 — Gislaved.net, 2003-12-04T15:24Z

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.

Permalänk: https://www.webforum.nu/p/1220519

## #6 — Web-Tor, 2003-12-04T15:38Z

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.

Permalänk: https://www.webforum.nu/p/1220534

## #7 — Gislaved.net, 2003-12-04T15:41Z

> **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.

Permalänk: https://www.webforum.nu/p/1220535

## #8 — Web-Tor, 2003-12-04T15:52Z

> 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..."

Permalänk: https://www.webforum.nu/p/1220540

## #9 — Gislaved.net, 2003-12-04T16:03Z

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

Permalänk: https://www.webforum.nu/p/1220546

---

Tråden på webben: https://www.webforum.nu/amne/html-css/91880-runda-hörn-på-bilder-med-css