Kom ihåg mig?

Överlappande bilder mha CSS eller JS?

Ämnesverktyg Visningsalternativ
Oläst 2013-08-26, 16:20 #1
Pjotr Pjotr är inte uppkopplad
Nykomling
 
Reg.datum: Dec 2004
Inlägg: 18
Pjotr Pjotr är inte uppkopplad
Nykomling
 
Reg.datum: Dec 2004
Inlägg: 18
Standard Överlappande bilder mha CSS eller JS?

Jag vill genomföra en ide jag har om överlappande <img> objekt.

Tänk er ett större grundobjekt som kan "dekoreras" runtom, både ovanför/nedanför och på vänster/höger sida med mindre bilder, exempelvis märken ("badges").

Hur skulle man göra detta i HTML/CSS?

Jag har koll på absolut/relativ positionering och sånt, men funderade på om det var smartare att göra det i Javascript? Nån rekommendation om ramverk isf eller skall jag göra det själv?

Jag har även en tanke om att dessa "badges" ska kunna överlappa varandra till viss del. Dvs man behöver ta hänsyn till Z-order.
Pjotr är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-08-26, 17:10 #2
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
Precis som du skriver fixar du det med absolut/relativ css-positionering.

Javascript behövs om du vill att man ska kunna flytta märkena, likaså behöver z-index anges om du själv vill bestämma vilka ordning märkena ska ha, annars kommer de i den ordning du anger i html-koden.
nosnaj är inte uppkopplad   Svara med citatSvara med citat
Svara

Taggar
css, html, html/javascript


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 
Ämnesverktyg
Visningsalternativ

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 15:49.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017