CSS字体图像

-1

另一个快速提问。我已经在不同的代码集中看到过多次。有人呼吁从CSS图像CSS字体图像

HTML：

<a href="#"><i class="icon-map-marker2"></i></a>

CSS

.icon-map-marker2:before { 
    content: "\e6f9"; 
}

它给出了这样的输出：

正如你所看到的图片不透明背景。我正在寻找编辑它给它透明度，但似乎无法找出如何。我也试着用CSS之类的东西：

style="background-color:rgba(0, 0, 0, 0.5);" 
// Changing the last value's number though and stuff like that 
opacity: 1; 
// etc

我想保持黄金的颜色，但有一个透明的背景！感谢您的帮助！

一个例子是在画布上实时预览 - 悬停首页 - >单页：http://preview.themeforest.net/item/canvas-the-multipurpose-html5-template/full_screen_preview/9228123?_ga=2.252490057.1116575863.1496646725-686174233.1494200798

来源

2017-06-05 John Barr

你有一个在线样本，我们可以看到这个吗？也许jsfiddle？ – ericosg

我不完全确定代码是如何工作的，它是与字体图标或类似的东西。不完全确定，试图弄清楚自己：/它是nto我已经使用过的字体真棒 –

没有[MCVE]我们可以在这里猜测。如果我们不能复制这个问题，那么很难帮助你。 –

尝试添加CSS为a标签的背景色：

a{ 
    background:transparent; 
}

背景的形式.fbox图标此div ..只需添加css即可

.feature-box.fbox-bg.fbox-center .fbox-icon { 
    background-color:transparent; 
}

来源

2017-06-05 07:07:24

没有改变任何东西，虽然 –

你可以添加工作演示或代码链接，所以我们可以帮助你吗？ –

http://preview.themeforest.net/item/canvas-the-multipurpose-html5-template/full_screen_preview/9228123?_ga=2.252490057.1116575863.1496646725-686174233.1494200798 这有它在底部 –

一个选项...下载照片并将其保存为带有透明BG的PNG。

我个人使用Photoshop，虽然有一个名为Gimp - Free & Open Source Image Editor的免费软件，它可以让你格式化透明的照片，然后将它们保存为.png。

典型方法涉及在本地保存的图像时，编辑和
出口为透明的PNG。
右键单击浏览器中的托管照片，然后选择Open Image In New Tab
新打开的选项卡内右键点击图片，选择Save link as，然后选择目标文件夹。
打开您的图像编辑软件，如果需要，请参阅我的GIMP链接。
通常情况下，如果BG和图像之间有良好的对比度，或者背景是单色，则与您的情况相同。您可以使用魔术棒工具将图像从背景中拉出。
您还可以使用lasso工具进行选择，在那里对选区进行绘制。但是，这种方法有点繁琐且耗时。
一旦你选择了你想要移除的背景图像，只需点击删除按钮删除选定的像素。*请确保您选择背景，而不是删除时的图像！
只有羽化，如果你有柔软的边缘，如果不跳羽化。
羽毛：羽毛的选择。在Select-> Modify-> Feather下。输入一个像.5这样的低数字，尽管您可能需要尝试找到合适的数量，以便在需要时柔化您的柔软边缘。然后选择反演并删除选定的反演以应用羽化并软化边缘。
现在将您的图像导出为.png文件并将其托管，以便您可以链接到新的透明图像。
在Photoshop中，你会选择File->Save For Web选择PNG-24，并选择Transparent
- 注意大小，预览如果需要的话，然后保存。
现在在imgur或其他IMG的网站和链接重新托管您的网站的图像文件结构中或网上新发布的透明的照片。

来源

2017-06-05 07:58:13

回答

相关问题