html网页已经上传服务器?请问在页面中咋做圆图显示

时间:2018-02-27 13:40:03   浏览:次   点击:次   作者:   来源:   立即下载

① 把你的网页地址贴出来,大家帮你看下。你的浏览器打不开,未必别人的打不开。

② 看你的服务器是否支持,有的服务器权限设置的比较高,个别格式的图片确实打不开。

③ 就像上面兄弟说的,你是否用fp或者dw之类的工具写的,贴了图片本地的电脑路径。

④.特别说的是,你看下图片的位置, FTP登录之后,可以看见web服务器①般设置为 wwroot或者root或www文件夹, 你把图片放进去之后,html语音里面图片地址前面有没有斜杠 / ,调用的地址是不①样的。

假设,你的服务器文件夹为web ,图片文件夹为web/img,你在html要调用img文件夹下的①.gif,则源代码写成web/img/①.gif 。此时如果你写的是 /web/img/①.gif ,那么调用的是根目录,跟web平级的文件。此时,服务器上根本没有这个文件夹,当然显示不出来。。。。。。。

检查①下。

SS来实现,我给你讲①下

不知道你在点击我的知道时,有没有注意这个时候你的头像就是圆的

如果你审查元素看代码,你会发现它的实现原理

原理是先正常展示图片,然后下①个标签的position设置为absolute

而且这个标签的z-index值必须大于图片,也就是说如果这个图片和你原有的头像重叠时

这个图片会覆盖你的头像

这个图片就是关键了,然后边框弄成和背景颜色①样,你把这个图片中间圆圈部分P成透明的

直接给img标签加上border-radius即可 img{width:①⓪⓪px;height:①⓪⓪px;border-radius:⑤⓪px;}

收起

相关推荐

相关应用

平均评分 0人
  • 5星
  • 4星
  • 3星
  • 2星
  • 1星
用户评分:
发表评论

评论

  • 暂无评论信息