Eredmény: 1 - 8 (8) összesen

Téma: áttetsző div-n belül nem áttetsző kép

  1. #1
    Bölcs roszi logója
    Csatlakozott
    09-08-29
    Hely
    close to the end of the beginning
    Hozzászólás
    746
    Begyűjtött 179 köszönetet
    129 hozzászólásával

    Alapbeállítás áttetsző div-n belül nem áttetsző kép

    Hogyan lehet nem áttetsző képet varázsolni egy áttetsző div-be? Ha jól értem, akkor a div áttetszősége mindenképpen öröklődik a div-ben lévő elemekre, így például egy img-re is. Én pedig azt szeretném, hogy ez ne így legyen.



  2. #2
    'Say Hello To My Little Friend'
    Csatlakozott
    10-04-13
    Hely
    Budapest
    Hozzászólás
    2.784
    Begyűjtött 863 köszönetet
    659 hozzászólásával

    Alapbeállítás re: áttetsző div-n belül nem áttetsző kép

    Próbáld a dven kívülre rakni, és a div fölé úsztatni az elemet. Vagy nem áttetsző divvel dolgozni, hanem pl. olyan divvel, amineka háttere egy áttetsző kép.



  3. #3
    Bölcs roszi logója
    Csatlakozott
    09-08-29
    Hely
    close to the end of the beginning
    Hozzászólás
    746
    Begyűjtött 179 köszönetet
    129 hozzászólásával

    Alapbeállítás re: áttetsző div-n belül nem áttetsző kép

    A ráúsztatás valóban működik, de nagyon gáz, ha sok képet kell pozicionálnom a másik div fölé külön divekben. Az áttetsző képes megoldással nem jutottam előre, mert nekem azt a hátteret is örökölte a kép is.



  4. #4
    'Say Hello To My Little Friend'
    Csatlakozott
    10-04-13
    Hely
    Budapest
    Hozzászólás
    2.784
    Begyűjtött 863 köszönetet
    659 hozzászólásával

    Alapbeállítás re: áttetsző div-n belül nem áttetsző kép

    Idézet roszi eredeti hozzászólása Hozzászólás megtekintése
    A ráúsztatás valóban működik, de nagyon gáz, ha sok képet kell pozicionálnom a másik div fölé külön divekben. Az áttetsző képes megoldással nem jutottam előre, mert nekem azt a hátteret is örökölte a kép is.
    Pedig az img-nek nincs háttere, így azt nehezen örökli. A lényeg, hogy maga a div NE legyen áttetsző, csak használj egy 1*1 pixeles áttetsző képet háttérképnek.

    HTML kód:
    <div style="background-image:url(blank.jpg);background-repeat:repeat;">
        <img src="http://example.com/image.jpg">
    </div>
    Ez tuti biztosan működik.



  5. #5
    Bölcs roszi logója
    Csatlakozott
    09-08-29
    Hely
    close to the end of the beginning
    Hozzászólás
    746
    Begyűjtött 179 köszönetet
    129 hozzászólásával

    Alapbeállítás re: áttetsző div-n belül nem áttetsző kép

    Ez valóban működik, csak bénáztam, mert egy külső div is már áttetsző volt, ami mindent áttetszővé tett, de abban is kicseréltem az átlátszó képre a hátteret és most már szuper. Nagyon köszönöm!



  6. #6
    Bölcs earnnet logója
    Csatlakozott
    12-08-15
    Hely
    Budapest
    Hozzászólás
    1.536
    Begyűjtött 690 köszönetet
    488 hozzászólásával

    Alapbeállítás re: áttetsző div-n belül nem áttetsző kép

    Praktikusabb megoldásként a képed z-index értékét egyel feljebb állítottam volna



  7. #7
    'Say Hello To My Little Friend'
    Csatlakozott
    10-04-13
    Hely
    Budapest
    Hozzászólás
    2.784
    Begyűjtött 863 köszönetet
    659 hozzászólásával

    Alapbeállítás re: áttetsző div-n belül nem áttetsző kép

    Idézet earnnet eredeti hozzászólása Hozzászólás megtekintése
    Praktikusabb megoldásként a képed z-index értékét egyel feljebb állítottam volna
    Szerintem ha az egész div, úgy ahogy van, átlátszó, akkor tök mindegy, hogy a benne lévő elemeknek milyen a z-indexe, mindenképp öröklik az átlátszóságot. (Meg amúgy sem érne semmit a z-index, hsz itt egy divről, és benne lévő képről van szó alapvetően, a problémát kicsibe lebontva, egy elemnél meg aztán oly mindegy a z-index.)



  8. #8
    Új tag
    Csatlakozott
    12-05-05
    Hely
    Budapest, XX.
    Hozzászólás
    34
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: áttetsző div-n belül nem áttetsző kép

    csak megkerülő megoldások vannak:

    a) background: rgba(0,10,100) így a háttér lesz csak átlátszó
    b) a képet position:absolute -tal az átlátszó div fölé rakni
    c) jQuery-vel a fentieket dinamikusan (oldalbetöltés közben)

    Remélem ez elegendő.



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •