Hei,
jeg leter etter en måte å lage en transparent ramme rundt bilder. Det nærmeste jeg har kommet over er: https://sites.google.com/site/annuairevin/border-picture-css (se avsnittet “semi-transparent border”).
Men, her ligger bilde som bakgrunn (background-image) i CSS-en. Jeg må ha bilde plassert i img-taggeni html (som jo er mest vanlig for å vise bilder på nett). Noen som vet om det likevel er mulig å få en slik transparent ramme rundt bildet ved å bruke CSS?
På forhånd takk for svar.
Jeg skjønner ikke helt problemet?
Skal du ha en transparent border rundt et bilde så bruker du vel marginer?
Skal den være delvis transparent så kan du vel enten gjøre det i Photoshop og lagre som .png eller sette img elementet i en boks med delvis transparent bakgrunn, eller noe slikt?
Jeg innbiller meg at å sette border direkte på bilder er utgått, men er ikke helt sikker?
Skal du absolutt bruke border så kan du uten problemer (utover støtte i eldre nettlesere) sette fargen og opasiteten på denne ved å bruke rgba.
Hvis du mener at ramma skal være halvveis gjennomsiktig, så ville jeg vel ha lagt en passende 1x1-pixel som repeterende bakgrunn på en div, med passende mengde padding for å få passe tykk ramme, og deretter bildet inni diven.
Eventuelt kan man jo også sette en farge med rgba eller hsla.