Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Can';无法使用某些剪辑路径_Css_Mask_Masking_Clip - Fatal编程技术网

Css Can';无法使用某些剪辑路径

Css Can';无法使用某些剪辑路径,css,mask,masking,clip,Css,Mask,Masking,Clip,我知道这非常简单,但在本例中,我似乎无法使用简单的椭圆遮罩: 任何人都有任何关于我做错了什么的暗示 (我的理解是,没有必要为基本形状创建SVG路径:)形状的语法在今年年初发生了变化 它是: 矩形的插入([round]?)(和值分别与边距和边框半径属性的值完全相同) 圆([]?[at]?)用于圆-(类似于指定径向渐变的方式) 椭圆([{1,2}]?[at]?)对于椭圆- 通用多边形也是如此 Chrome 34+、Opera 21+和Safari 8支持形状的新语法 另外,文章中提到的clip

我知道这非常简单,但在本例中,我似乎无法使用简单的椭圆遮罩:

任何人都有任何关于我做错了什么的暗示


(我的理解是,没有必要为基本形状创建SVG路径:)

形状的语法在今年年初发生了变化

它是:

  • 矩形的插入([round]?)
    值分别与
    边距
    边框半径
    属性的值完全相同)
  • 圆([]?[at]?)
    用于圆-(类似于指定径向渐变的方式)
  • 椭圆([{1,2}]?[at]?)
    对于椭圆-

  • 通用多边形也是如此

Chrome 34+、Opera 21+和Safari 8支持形状的新语法

另外,文章中提到的
clip
属性也被弃用

img {
position: absolute;
-webkit-clip-path: ellipse(200px,200px,50px,100px);    
}