我有一个页面,里面有一个图像,我用它来设置它:在CSS选择器之前.
图像是动态的,因此它没有固定的宽度; 所以我需要动态地设置:在规则的宽度之前.
我想在客户端使用JQuery来做.
假设这个:
.column:before{
width: 300px;
float: left;
content: "";
height: 430px;
}
.column{
width: 500px;
float: right;
padding: 5px;
overflow: hidden;
text-align: justify;
}
Run Code Online (Sandbox Code Playgroud)
我怎样才能:before使用JQuery 更改带有选择器的类的宽度属性(而不是没有它的那个)?
是否可以将SVG指定为背景图像,并在同一CSS文件中设置SVG的样式?
我很乐意将SVG图像放置,缩放和剪切为单个文件或精灵,但是如果可以在相同的CSS文件中设置SVG样式并将其设置为背景图像,我就无法解决这个问题.
在伪CSS中,我想根据父元素的类改变简单形状的颜色:
element1 {
background-image(icon.svg);
}
element1.black .svg-pathclass {
fill: #000000;
}
element1.white .svg-pathclass {
fill: #ffffff;
}
Run Code Online (Sandbox Code Playgroud)
显然,这假定SVG中有一个类.svg-pathclass的路径
这可能吗?
我试图弄清楚如何改变半透明和半纯色图像的颜色.
我希望能够改变白色的颜色,这样我就可以添加悬停,并添加一种动态方式来改变wordpress中的颜色.使用photoshop来填充图像不是一种选择,因为我将在我的Wordpress主题中构建一个换色器.
我使用了一个名为JFlat.js的jQuery脚本,因为它看起来完全像我需要的那样.虽然它对我来说似乎根本不起作用.按照我猜测的确切步骤,因为它使用了旧版本的jQuery.
有人能给我一些帮助吗?
这是图片上的黑色版本,你看不到白色版本所以我会发布这个版本以更好地了解我所说的内容.

我们首次使用SVG作为基于移动HTML5的应用程序精灵文件(它们使视网膜处理与其他屏幕尺寸差异变得容易).
我知道生成的SVG可以直接操作(因为它们是文本文件),但是可以通过CSS或脚本来修改SVG资产(在这种情况下,通过CSS加载的背景图像)吗?
例如,我们可以加载一个全黑SVG对象,然后将其更改为白色吗?