Hej,
jeg prøver at lave en popup med jquery, og det er meningen at den skal switch class for at blive animeret frem på skærmen. Det virker.
Udover det vil jeg gerne bruge RGBA til baggrundsfarven, da diven skal være gennemsigtig.
mit problem er, når jeg bruger rgba i mit css er popupen kun helt gennemsigtig
Er dette et problem med en løsning?
- .popupHidden
- {
- position: absolute;
- top: 0px;
- left: 0%;
- visibility: hidden;
- overflow: hidden;
- height: 0px;
- width: 0px;
- margin: 0px 0px 0px 0px;
- }
-
-
- .popupMakeVisible
- {
- position: absolute;
- overflow: hidden;
- height: 0px;
- width: 0px;
- }
-
-
- .popupVisible
- {
- position: absolute;
- /*top: 0px;
- left: 0px;*/
-
- top: 250px;
- left: 50%;
- margin: 0px 0px 0px -300px;
- z-index: 9009; /*ooveeerrrr nine thoussaaaannnd*/
- border-radius: 0px 0px 0px 15px;
- background-color: rgba(228,219,195,0.95);
- overflow: hidden;
- width: 600px;
- height: 500px;
- }
- var isOpen = false;
-
- var popupAnimation = function (cID, remove, add, openBool) {
- if (openBool == true && isOpen == false) {
- alert(cID + " " + remove + " " + add);
- $("#" + cID).switchClass(remove, "DesignPopupDiv popupMakeVisible", 1);
- $("#" + cID).switchClass("DesignPopupDiv popupMakeVisible", add, 500);
- isOpen = true;
-
- }
- else if (openBool == false && isOpen == true) {
-
- $("#" + cID).switchClass(add, remove, 500);
- isOpen = false;
- }
- }
-
- var a = function (divID) {
- $("#" + divID).removeClass("popupVisible").addClass("popupHidden");
- }
- <a href="#" onclick="popupAnimation('RegistrationBox', 'DesignPopupDiv popupHidden', 'DesignPopupDiv popupVisible', true)">Registrer</a>
-
- <!-- Registration Div -->
- <div id="RegistrationBox" class="DesignPopupDiv popupHidden">
- <div class="PopupHeader">
- <a href="#" class="CloseButton" onclick="popupAnimation('RegistrationBox', 'DesignPopupDiv popupHidden', 'DesignPopupDiv popupVisible', false)">X</a>
- <h2>Registrer bruger</h2>
- </div>
- <div class="PopupContentDiv">
- <uc1:UCRegister ID="UCRegister1" runat="server" />
- </div>
- </div>
- <!-- Registration Div END -->
På forhånd tak for hjælpen
Indlæg senest redigeret d. 09.02.2013 02:25 af Bruger #14181