Jump to content

Internet Explorer 8,9 brak border-radius Pomocy ponownie


Recommended Posts

Otoz mam problem z border-radius pod ie8/9. Nie dziala po prostu...

 

Mysle ze pomogloby dodanie w meta

<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>

ale nie mam pojecia jak :)

 

Szybko tu wrocilem ^^ Z gory dziekuje za ponowna pomoc

Share this post


Link to post
Share on other sites

ok no trudno coz pokombinuje :) A jeszcze jedno... bo mam tez inny problem... chodzi o dziedziczenie hovera. W topmenu mam ustawione hover jako inny background z tym ze teraz nawet jak najade na koszyk i sie otworzy ta lista produktow w nim i np. najade na produkt to on tez sie hoveruje tak jak menu... i nie mam zielonego pojecia dlaczego... nie ustawialem zadnego hovera dla produktow w koszyku... Nie wiem czy dobrze to wyjasnilem... chcialbym sie pozbyc tego hovera :P

Share this post


Link to post
Share on other sites

.sf-menu li {
margin-right: 10px;
border-radius: 30px;
left: 120px;
    -moz-box-shadow:inset 0px 1px 0px 0px #a6827e;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a6827e;
    box-shadow:inset 0px 1px 0px 0px #a6827e;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #603813), color-stop(1, #47280d));
    background:-moz-linear-gradient(top, #603813 5%, #47280d 100%);
    background:-webkit-linear-gradient(top, #603813 5%, #47280d 100%);
    background:-o-linear-gradient(top, #603813 5%, #47280d 100%);
    background:-ms-linear-gradient(top, #603813 5%, #47280d 100%);
    background:linear-gradient(to bottom, #603813 5%, #47280d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#603813', endColorstr='#47280d',GradientType=0);
    background-color:#603813;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
behavior: url(path/to/pie_files/PIE.htc);
    border-radius:30px;
    display:inline-block;
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:0px 1px 0px #4d3534;
   float: left;
position: relative;
-webkit-transition: all 0.5s ease;
}


.sf-menu li:hover {
-moz-box-shadow:inset 0px 1px 40px 5px #a6827e;
        -webkit-box-shadow:inset 0px 1px 40px 5px #a6827e;
        box-shadow:inset 0px 1px 40px 5px #a6827e;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #603813), color-stop(1, #47280d));
        background:-moz-linear-gradient(top, #603813 5%, #47280d 100%);
        background:-webkit-linear-gradient(top, #603813 5%, #47280d 100%);
        background:-o-linear-gradient(top, #603813 5%, #47280d 100%);
        background:-ms-linear-gradient(top, #603813 5%, #47280d 100%);
        background:linear-gradient(to bottom, #603813 5%, #47280d 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#603813', endColorstr='#47280d',GradientType=0);
        background-color:#603813;
        -moz-border-radius:30px;
        -webkit-border-radius:30px;
        border-radius:30px;
behavior: url(path/to/pie_files/PIE.htc);
        display:inline-block;
        color:#ffffff;
        font-weight:bold;
        text-decoration:none;
        text-shadow:0px 1px 0px #4d3534;
}

To jest hover w topmenu, i on dziala tez w koszyku na produktach i krzyzyku i przycisku nawet ralizuj ;O

Share this post


Link to post
Share on other sites

Ok odnalazlem problem !!!

 

Problem tkwil tutaj:

 

#cart_block.cart_block_hover {display:block}
#cart_block .title_block  span, #header  #cart_block h4 {
float: right;
padding-left: 10px;
text-transform: none;
background-position: left top;
background-repeat: no-repeat;
cursor: pointer
}

Choc nadal nie rozumiem czemu to wzielo mi hover z tamtad 0.o

Share this post


Link to post
Share on other sites

też nie rozumiem czemu, koszyk by dziedziczył te linki gdyby był podpięty pod sf-menu, ale mówisz, że nie jest...

powiedziałeś, że problem był w:

#cart_block .title_block  span, #header  #cart_block h4 {
float: right;
padding-left: 10px;
text-transform: none;
background-position: left top;
background-repeat: no-repeat;
cursor: pointer
}

przecież tu nie ma parametru background zdefiniowanego ;| tylko position i repeat

 

nie ogarniam :P

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More