webForumDet fria alternativet

Göra med CSS: Färgad div där bakgruden delvist lyser igenom?

HTML & CSS

3 svar · 418 visningar · startad av Tjock-Erik

Medlem sedan nov. 2002102 inlägg
Frågan#1

Jag har en div med en bakgrundbild. I den finns ett textfält. Finns det något sätt att göra så att bakgrundbilden lyser igenom textfältet fast inte lika starkt?

Medlem sedan nov. 20041 740 inlägg
#2

Du kan lägga en halvtransparent gif- eller png-bild som bakgrund i textfältet.

Medlem sedan nov. 2002102 inlägg
#3

Någon aning om hur man gör det med Photoshop eller PSP?

Medlem sedan okt. 2004636 inlägg
#4

I PS - Du skapar en ny bild som är ca 2x2 pixlar transparent.
Därefter använder du din penbrusch och färg du vill ha. Markera en pixel omlott med inställningen 100%.

Därefter markerar du bilden och sparar den som "define pattern" klicka ok på rutan som kommer upp. Efter detta skapar du din egentliga bild som du vill ha - storlek osv. Också den transparent. Markera hela den bilden, gå sedan till fill >> pattern och leta reda på din hemgjorda bild. Ställ in fillvärdet till max 50%, gärna lite mindre, klicka på OK. Då har du en halvtransparent bild.

Om man väljer att från början fylla bilden med låg opacy är det inte säkert (i princip helsäkert att den inte blir) att bilden blir halvtransparent när den sedan kommer upp på plats, därför är det bättre att skapa denna lilla ruta med två pixlar färg och två utan färg varannat för att därefter definiera i pattern.

Hur man gör i PSP har jag ingen susning om.

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