Less 关于css hack的写法_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:36:20
Original
1504 Leute haben es durchsucht

由于工作需要,最近一直在弄css转写less,遇到最多的问题就是 hack的写法,一些IE的hack,less不支持编译;

常见的不支持的hack如下:

  1. IE的滤镜写法
  2. \9\0    IE8部分支持、IE9支持
  3. \9 所有IE浏览器都支持
  4. \0 IE8、IE9支持,opera部分支持

后三种情况 常出现 单一存在是不影响编译;但是混合使用时常常发生编译错误

解决办法如下:

  1. 以shadow滤镜为例

    filter: ~" progid: DXImageTransform . Microsoft . Shadow(Strength = 1, Direction = 135, color = #FFFFFF)";                                          编译后:

    filter: progid: DXImageTransform . Microsoft . Shadow(Strength = 1, Direction = 135, color = #FFFFFF)\0;

  2.  2-4 总结为

    @ie-hack: ~"\9\0";
    div{

      height:10px@ie-fix;

    }

在改写less过程中暂时遇到这些问题。

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage