文强阁，看到你家好东西了

站帮网 · 发表于 2024-7-11 13:27:02

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？立即注册 QQ登录

×

图片圆角，我花费了好长时间，目前网站大部分已实现，可是，贴内图片，一直没有找到方向。

刚才去你家逛了下，你这个贴内图片实现圆角是怎么实现的？
敬请指导一二。

站帮网 · 发表于 2024-7-11 13:27:34

不是很懂给图片加圆角的意义，尤其是现在许多网络图片角落里都有版权信息或者水印，圆角会导致原作者名称显示不完整，有侵犯版权的嫌疑。

IT618应用中心 · 发表于 2024-7-11 13:28:23

img[id^="aimg_"] { border-radius: 10px; max-width: 100%; vertical-align: middle; box-shadow: 0 0 20px 0px rgb(0,0,0,.2);}

复制代码

::Bra · 发表于 2024-7-11 13:29:05

你这专家说的，你不懂我，我也不明白你。
win系统占比多少知道吧，微软系统的主页早就实行了圆角，包括电脑桌面，这叫流行，也叫实际。
其实每个人的审美观点不会一样，我无法强加于人。
再说水印和版权，加个圆角，影响不了。没有圆角就代表有版权了？或有圆角就表示没版权了？

可可的可 · 发表于 2024-7-11 13:29:59

我就喜欢你这样的作者或回复者。
回复问题直接了当，没半字多余。
刚才在本地测试了下，直接见效，这才叫技术论坛，技术问答。
等下上主机更改。

知行社区 · 发表于 2024-7-11 13:30:26

onetheme 发表于 2024-6-6 09:18

这代码，加在什么位置？

霸王别姬 · 发表于 2024-7-11 13:30:31

TaC 发表于 2024-6-6 11:54
我就喜欢你这样的作者或回复者。
回复问题直接了当，没半字多余。
刚才在本地测试了下，直接见效，这才叫 ...

这代码加在啥位置的？

知行社区 · 发表于 2024-7-11 13:31:15

论坛不就是用来讨论的嘛，有不一样的观点很正常。

图片圆角和用户界面的圆角不是一个概念，因为用户界面的圆角占用边距位置，不会包含任何有效信息。但图片由于表示像素点的坐标系天生就是二维的，因此有效信息区间范围只能是一个矩形，原理上就无法做成圆角矩形的保存方式。
确实可以通过样式改变的方式让图片看上去像是圆角矩形，但这也意味着圆角区域的图片信息将会无法正常展示（丢失）版权标注等只是一个小例子而已。
再换个例子：假设图片左上角有一个二维码。二维码需要有三个定位点才能正常扫。如果添加了圆角，圆角将二维码的角给切成圆角了，就没法扫了。

IT618应用中心 · 发表于 2024-7-11 13:32:08

你这回复带点技术性和专业性。
其实我就是作为一个普通的角度来说明问题，程序做得怎么样，第一观众是普通浏览的群众。

onetheme的回复很到位，我也测试了，视觉上真的不错。超出了我的受用范围，因为他直接考虑到了一些阴影，这个就很好。专业的事专业的人，回复不带多余。
圆角不圆角，只是一个平台想给观众的视觉印象，没有特别的意义。也许也是我目前喜欢的样式罢。
我还想把边框线条弄成圆角，可惜能力有限，一直没有找到方向。
圆角8到10px对水印没有影响的。

月落秋水 · 发表于 2024-7-11 13:32:23

如果你需要的是那种直接解决问题的回复而不是讨论的话
那么我建议你将帖子发布到Discuz! X 问题求助

这边是站长杂谈，发到这边来那就只能是让大家讨论的了。

文强阁，看到你家好东西了

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

关于我们

服务支持

caogen8@vip.qq.com