我正在试图弄清楚这个网站上的气球是如何编码的,看起来有透明的边缘:http://www.dynamicdrive.com/dynamicindex4/flyimage.htm当我尝试使用圆形图像时,它总是有漂亮的颜色角落,因为它漂浮在周围我如何尝试操纵页面源和CSS。我尝试将<div>
和<img>
背景颜色设置为透明,并尝试使用div圆角脚本。我已经在photoshop中编辑了图片,因此它们周围没有空白(角落)边框。似乎没有什么工作,我的页面上的那些相同的气球看起来像一个方形的白色背景上的气球移动...任何想法?
答案 0 :(得分:3)
托马斯是对的,我没有在图像上使用正确的文件格式。 .GIF有效。您还需要确保不仅删除photoshop中图像层本身的空白区域,还要删除背景,并确保在图层菜单中将画布大小选中为“相对”。
答案 1 :(得分:2)
这只是一个简单的透明png
要进行测试,请抓住他们的图片并在页面中进行一次拍摄。有时,由于背景中的棋盘(来自photoshop)而显得透明的图像实际上有一些剩余的噪音,使它们变得模糊。但是出现方角的图像似乎表明透明的保存并不成功。
答案 2 :(得分:0)
我已经通过创建一系列浮动div来完成它。像这样:
[ div ]This is my paragraph lorem
[ div ]ipsum quod dolorat. And,
[ div ]it wraps around the
[ div ]image. Quite nicely. The
[ div ]image itself get's no
layout.