+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] [JQUERY] [FIREFOX] <a> element sie nie pojawia (/thread-css-jquery-firefox-a-element-sie-nie-pojawia)
[CSS] [JQUERY] [FIREFOX] <a> element sie nie pojawia - cryptarithm - 27-09-2012
Mam taki problem, jquery mi tworzy <a> element na stronie ktory dziala doskonale w Chrome ale w FireFox juz nie, wogule sie nie pojawia ale jak sprawdzam kod na stronie to pisze ze jest. Uwazam ze moze byc problem z css? dam kod css ktory odpowiada za ten element..
Kod:
/*--- SLIDE BUTTONS --*/
.bx-next {
position:fixed;
font-size: 0px;
height: 100px;
width: 100px;
background: url(../images/next.png) no-repeat;
z-index: 9000000;
margin-left: 1000px;
margin-top: 95px;
}
.bx-prev {
font-size: 0px;
height: 100px;
width: 100px;
background: url(../images/prev.png) no-repeat;
position:fixed;
z-index: 900000;
margin-left:10px;
margin-top: 95px;
}Oraz dodam kod jquery ktory tworzy ten <a> element:
Kod:
function showControls(nextType, nextContent, prevType, prevContent){
// create pager html elements
var $nextHtml = $('<a href="" class="bx-next"></a>');
var $prevHtml = $('<a href="" class="bx-prev"></a>');RE: [CSS] [JQUERY] [FIREFOX] <a> element sie nie pojawia - camelrafal - 27-09-2012
skorzystaj z funkcji jquery append
RE: [CSS] [JQUERY] [FIREFOX] <a> element sie nie pojawia - cryptarithm - 27-09-2012
(27-09-2012, 19:27)camelrafal napisał(a): skorzystaj z funkcji jquery append
Nie zadzialalo, ale jestem 100% pewien ze to CSS, bo skasowalem na moment css do elementu <a> i sie pojawilo w FireFoxie ale bez stylu sam text.
EDIT:
Problem jest z "position: fixed" . niewiem co zrobie z tym.
RE: [CSS] [JQUERY] [FIREFOX] <a> element sie nie pojawia - camelrafal - 27-09-2012
a obrazki masz dobrze??
może zrób bezwzględną ścieżkę /images/next.png
przeciez firefox obsługuje fixed
zrób sobie tylko test.html i w nim :
Kod:
<style>
.bx-next {
position:fixed;
font-size: 0px;
height: 100px;
width: 100px;
background: red;
z-index: 9000000;
margin-left: 1000px;
margin-top: 95px;
}
</style>
<a class="bx-next">cos tam</a>RE: [CSS] [JQUERY] [FIREFOX] <a> element sie nie pojawia - cryptarithm - 27-09-2012
naprawilem to juz , zrobilem osobnego DIV'a w ktorym zamiescilem te dwa elementy. I ustawilem tego diva gdzie chcialem. Dziwny problem no ale nigdy nic nie jest proste.
Dzieki za pomoc!