zoukankan      html  css  js  c++  java
  • FireFox下使用borderimage和mozborderimage

    现在火狐下可以直接只用border-image属性了,不过我在使用的时候遇到一个使用后没有效果的问题(PS:测试了火狐、chrome、safari只有火狐下无效),纠结了半个小时,css代码如下:

    .border-image-round 
             {
                   width:600px;
                    height:300px;
                    
                 border-image: url("img/1.png") 27 round stretch;
                 -moz-border-image: url("img/1.png") 27 round stretch;
                 -webkit-border-image: url("img/1.png") 27 round stretch;
                 -o-border-image: url("img/1.png") 27 round stretch;
                 
               }

    后来发现,在firefox下必须加上border属性才能生效,纠结,完成后代码如下:

    .border-image-round 
               {
                   width:600px;
                    height:300px;

    border:27px solid #999;

    border-image: url("img/1.png") 27 round stretch; -moz-border-image: url("img/1.png") 27 round stretch; -webkit-border-image: url("img/1.png") 27 round stretch; -o-border-image: url("img/1.png") 27 round stretch; }

    希望能帮到你。

  • 相关阅读:
    Remove Linked List Elements
    Count Primes
    Isomorphic Strings
    Read N Characters Given Read4 II
    Word Ladder II Graph
    Word Ladder
    Binary Tree Right Side View
    House Robber
    Find non-overlap jobs with max cost
    Find Peak Element
  • 原文地址:https://www.cnblogs.com/lxiang/p/2795791.html
Copyright © 2011-2022 走看看