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

Téma: CSS segítség

  1. #1
    Törzsvendég
    Csatlakozott
    13-04-06
    Hozzászólás
    138
    Begyűjtött 16 köszönetet
    13 hozzászólásával

    Alapbeállítás CSS segítség

    Sziasztok!
    Kérek egy kis segítséget az ügyben, hogy van egy teljes oldalszélességű alapon, ami áttetsző és így szürke és a közepébe akarok egy kisebb, de nem áttetsző, fehér hátterű négyzetet.
    Idáig jutottam, ami nem jó:

    #container {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.74;
    position: absolute;
    z-index: 999;
    }
    .box {
    width: 38%;
    min-height: 200px;
    border: 5px solid rgba(0, 0, 0, 0.3);
    background: #fff;
    margin: auto;
    position: relative;
    top: 11%;
    }

    Mi a bánatot csináljak, hogy a box háttere NE legyen áttetsző, hanem homogén fehér vagy akármilyen szín?

    Köszi mindenkinek!



  2. #2
    Törzsvendég
    Csatlakozott
    08-01-09
    Hely
    Hungary
    Hozzászólás
    158
    Begyűjtött 43 köszönetet
    34 hozzászólásával

    Alapbeállítás re: CSS segítség

    Html is van hozzá?
    boxnak nincs z indexe



  3. #3
    Törzsvendég
    Csatlakozott
    13-04-06
    Hozzászólás
    138
    Begyűjtött 16 köszönetet
    13 hozzászólásával

    Alapbeállítás re: CSS segítség

    Köszi! A html mindegy - bármilyen oldalba behúzva, meg kell hogy jelenjen popupként, azaz függetlenül az oldal formázástól, ki kell takarja az eredeti oldalt - 0.74% áttetszően - majd középen a fehér hátterű .box kap helyet. A z-index-el próbáltam, nem segít semmit. Vagy van kész ötleted? Nem ragaszkodom a példámhoz - csak nekem ez a kiinduló ötlet...



  4. #4
    Bölcs earnnet logója
    Csatlakozott
    12-08-15
    Hely
    Budapest
    Hozzászólás
    1.502
    Begyűjtött 674 köszönetet
    475 hozzászólásával

    Alapbeállítás re: CSS segítség

    .box-ra az #fff-et cseréld ki rgba(255,255,255,1)-re, így az opacity is átállítódik.

    üdv



    Utoljára módosítva: earnnet által : 2018-02-15 01:37

  5. #5
    Szerkesztő _lacus_ logója
    Csatlakozott
    11-03-14
    Hely
    Sopron
    Hozzászólás
    261
    Begyűjtött 113 köszönetet
    72 hozzászólásával

    Alapbeállítás re: CSS segítség

    Szia,

    pl ez egész használható mintának néz ki:

    https://codepen.io/imprakash/pen/GgNMXO



  6. #6
    Törzsvendég
    Csatlakozott
    13-04-06
    Hozzászólás
    138
    Begyűjtött 16 köszönetet
    13 hozzászólásával

    Alapbeállítás re: CSS segítség

    Idézet earnnet eredeti hozzászólása Hozzászólás megtekintése
    .box-ra az #fff-et cseréld ki rgba(255,255,255,1)-re, így az opacity is átállítódik.

    üdv
    Köszi, de ez sajna nem működik így sem...



  7. #7
    Bölcs Pityu logója
    Csatlakozott
    08-07-04
    Hely
    Budapest
    Hozzászólás
    1.507
    Begyűjtött 416 köszönetet
    307 hozzászólásával

    Alapbeállítás re: CSS segítség

    Tudsz adni egy weboldal címet, élőben látni egyszerűbb lenne.

    Idézet Lachazi eredeti hozzászólása Hozzászólás megtekintése
    Köszi, de ez sajna nem működik így sem...




  8. #8
    Törzsvendég
    Csatlakozott
    13-04-06
    Hozzászólás
    138
    Begyűjtött 16 köszönetet
    13 hozzászólásával

    Alapbeállítás re: CSS segítség

    Idézet Pityu eredeti hozzászólása Hozzászólás megtekintése
    Tudsz adni egy weboldal címet, élőben látni egyszerűbb lenne.

    Megoldottam köszi! Itt a kezdetleges oldal: Server Line nyomda - Budapest



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
  •