Border-radius.htc Problem

Imam problema sa prikazivanjem sadržaja na IE gdje god koristim border-radius.htc.

Imam neki element u običnom CSS stilu:

.box{
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
}

U CSS-IE stilu imam slijedeće:

.box{
  behavior: url(border-radius.htc);
}

Otvorim stranicu u IE8 i na koji god element sam postavio behavior: url(border-radius.htc);, pozadina nestane, tj. prvo se prikaže i vjerojatno kada učita skriptu nestane… border-radius.htc sam kopirao i u root, i u css/ folder i ništa. Radio sam i prije s ovim fixom i do sada nisam naletio na sličan problem. Čak sam probao bez korištenja style-ie.css, direktno na element u običnom CSS-u i ništa… Jel se netko susreo sa sličnim problemom?

Evo malo sam istraživao i skontao da ako u parent elementu imam pozadinsku boju ili sliku da child element, border-radius.htc neće zaobliti… baš čudno, ako maknem boju sa #container sve šljaka… Ima tko kakav prijedlog?

<div id='container'>
  <div class='box'>
  </div>
</div>



#container{
  width: 800px;
  background-color: #000;
}
.box{
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  behavior: url(border-radius.htc);
}

Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja