Skip to content

Скептична яма за идеи

и други бележки към мене си

  • начало
  • tech
  • блог
  • здраве
  • приключения
  • ядене
  • бизнес
  • деца
  • Кой?

Tag: css

[CSS] Internet Explorer specific styles

Posted on 2020.04.29 by vloo

In the past, people could prepare separate css files specifically for different IE versions like so:

<!--[if IE 8]>
<style type="text/css">
	/* css for IE 8 */
</style>
<![endif]-->

This is no longer the case, as Microsoft dropped conditional statements since IE 10. What worked for me in one ocassion for IE 11 (without affecting Edge) was using this media query:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #selector {
        /* styles that will be applied for IE only */
   }
}
Posted in techTagged css, front-endLeave a comment

Заобляне и засенчване чрез препарати като CSS

Posted on 2010.12.16 - 2016.12.04 by vloo

Другарчето Коко Данков си играе много майсторски със CSS та рекох малко да се поразровя в кода му и да видя какво мога да си намеря за мене там. Е, попаднах на готини работи, които най-вероятно и на други хора ще са им интересни. CSS не е от нещата, които бих нарекъл силна моя страна, заради което специалистите могат да пропуснат написаното по-долу като нещо, което знаят на изуст.

Пък най-после да сложа и някаква леко техническа приказка в блога.

Заобляне на ръбове (border):

-moz-border-radius: 15px; /* FF1+ */
-webkit-border-radius: 15px; /* Saf3+, Chrome */
border-radius: 15px; /* Opera 10.5, IE 9 */

Сянка на ръбове (и всякакви други обекти):

-moz-box-shadow: 0px 0px 10px #000; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 10px #000; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 10px #000; /* Opera 10.5, IE 9.0 */

Както можете да забележите, това са супер-дупер върховни технологии, които не всеки браузър би поддържал.

Използвайте ги съвестно и с повишено внимание!

П.П. Източникът на това безценно знание е ей тоз файл.

Posted in techTagged css, web design2 Comments
Proudly powered by WordPress | Theme: micro, developed by DevriX.