Flash-плееры, CSS-тени и загрузка процессора - PullRequest
Новая
       4

Flash-плееры, CSS-тени и загрузка процессора

2 голосов
/ 11 января 2012

Какая странная вещь, которую я только что обнаружил ... если у меня есть вставка box-shadow или border-radius на любом внешнем div (даже на много уровней выше), то игрок генерирует около 40% загрузки ЦП. Даже если тень не над / под этим игроком. Как это исправить? Без тени и бордюрного радиуса это около 18% CPU

У меня на сайте структура такая: 

<div> 
   <div>
      <div>
      <iframe src="http://player.vimeo.com/video/15273408" width="700"
       height="400" frameborder="0"
       webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
      </div>
   </div>
</div>

И мой CSS выглядит так: 

box-shadow: inset 5px 7px 10px -5px black; border-radius: 3px;

Я подтвердил это в Firefox и Chrome; использование фонового свойства PNG не вызывает этой проблемы.

...