剪辑路径在带有图像[关闭]的css中无效
我想剪切我的图像在六边形形状我使用剪辑路径：剪辑路径：多边形(50%0%，100%25%，100%75%，50%100%，0%75%，0%25%)。所有这些样式都应用于img，但输出看起来像输出图像
所以请帮助我将所有图像剪切成六边形形状，就像我想要的输出一样
共有1个答案
请试一下，我得到了完美的输出剪辑路径：多边形(24%13%，77%12%，100%50%，79%85%，25%86%，0%50%)；
-
问题内容： 我有这个HTML： 使用此CSS： 我正在应用的背景图像是200x100像素，但我只想显示200x50像素的背景图像的裁剪部分。 似乎不是正确的CSS属性。我该怎么用呢？ 不应使用，因为我在Sprite上下文中使用了上述CSS，在该Sprite上下文中，我要显示的图像部分小于定义CSS的元素。 问题答案： 您可以将图形放置在具有其自身尺寸上下文的伪元素中： 浏览器支持很好，但是如果需要
-
问题内容： 我的CSS文件在： 项目/网站/支持/样式/file.css 我的图片在： Project / Web / images / image.png 我想要这个图像在我的CSS文件中。 我努力了 ： 但。我在页面中没有得到这张图片。 在CSS文件中指定图像文件路径的正确方法是什么？ 问题答案： 您的CSS在这里：Project / Web / Support / Styles / file
-
问题内容： 我在弄清楚为什么在使用chrome而不是firefox或ie9时为什么#screen元素的边框半径消失了？ 对于每个浏览器，我都有所有不同的前缀以及标准的border-radius： 保存图片的上方内容框称为#screen 屏幕css的副本粘贴： 是因为chrome无法正确处理图像的“裁剪”吗？我认为这只是一个问题，当您在圆角容器中包含实际标签时，而不是通过css将img称为背景图像时
-
问题内容： 我正在使用Selenium时禁用Firefox中的图像。它应该是firefox中首选项的简单更新，该文档记录在“ 在Selenium Python中禁用图像”的说明中 但是，当我运行时，会显示图像，并且当我输入about：config时，其值仍为1，而不是我尝试将其设置为2的值。 我的代码（用Python编写）是： 作为参考，此代码可以与首选项的另一个更改完美配合，例如使用line关闭
-
问题内容： 我发现调整图像大小以使其具有响应能力很棘手。 我正在开发一个php应用程序，以自动将网站转换为响应版本。我有点卡在图像上。 我已经成功将包装类添加到网站上的每个图像，并且可以很好地调整图像的大小。 我的问题在于图像自然小于窗口，例如徽标和图标。我不想调整这些大小。 我的代码当前会转换： 变成： 我在哪里使用以下CSS： 这将调整所有图像的大小，但是我只希望它调整超出页面宽度的图像的大小
-
问题内容： 我想要一个变量，该变量包含CSS文件中所有图像的根路径。我不太确定这是否可以在纯Sass中实现（实际的Web项目不是RoR，因此不能使用asset_pipeline或任何花哨的爵士乐）。 这是我的示例不起作用。在编译时，它会在后台url属性中使用（）的变量的第一个实例中执行操作。 定义函数以返回路径： 使用功能： 任何帮助，将不胜感激。 问题答案： 您是否尝试过插值语法？