Я использую box-shadow css, но он не работает в IE8.

Я использую box-shadow css, но он не работает в IE8. В качестве фильтра есть код: progid... но как я могу преобразовать свой стиль теней из rgba? Вот мой код;

   -webkit-box-shadow: 0px 0px 5px 2px rgba(217,217,217,1);
   -moz-box-shadow: 0px 0px 5px 2px rgba(217,217,217,1);
    box-shadow: 0px 0px 5px 2px rgba(217,217,217,1);

css rgba internet-explorer-8
person berry    schedule 22.12.2014    source источник
comment
этот цвет эквивалентен #d9d9d9 см. javascripter.net/faq/rgbtohex.htm   -  person Fabrizio Calderan    schedule 22.12.2014
comment
caniuse.com/#search=box-shadow   -  person Weafs.py    schedule 22.12.2014

Ответы (3)


arrow_upward
1
arrow_downward

Попробуйте это и в Internet Explorer.

.box-shadow {
  -moz-box-shadow: 0 5px 10px #ccc;
  -webkit-box-shadow: 0 5px 10px #ccc;
  box-shadow: 0 5px 10px #ccc;
  zoom: 1;
  filter:
      progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
      progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
      progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
      progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
      progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10),
      progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
      progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
      progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);

}
body:last-child .box-shadow {
  /* Remove filter from IE9 */
  filter: none;
}

.demo {
  background: #fff;
  border: solid 1px #ccc;
  color: #555;
  font: 83%/130% arial;
  margin: 20px;      
  padding: 20px;
}    


 <div class="demo box-shadow">
  Lorem ipsum dolor sit amet, consectetur adipisicing
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mi
  quis nostrud exercitation ullamco laboris nisi ut aliquip 
  </div>

Попробуйте этот FIDDLE

person Vaibs_Cool    schedule 22.12.2014

arrow_upward
0
arrow_downward

Этот URL-адрес поможет вам для более низкой версии ie

http://www.useragentman.com/blog/2011/08/24/how-to-simulate-css3-box-shadow-in-ie7-8-without-javascript/

person albert Jegani    schedule 22.12.2014

arrow_upward
0
arrow_downward

Попробуйте htc-файл css3pie.com, чтобы IE8 поддерживал некоторые новые свойства CSS3, такие как box-shadow, закругленные углы и т. д.

person ISAWEB    schedule 22.12.2014