文強閣，看到你家好東西了

TaC

圖片圓角，我花費了好長時間，目前網(wǎng)站大部分已實現(xiàn)，可是，貼內(nèi)圖片，一直沒有找到方向。

剛才去你家逛了下，你這個貼內(nèi)圖片實現(xiàn)圓角是怎么實現(xiàn)的？
敬請指導一二。

專家

不是很懂給圖片加圓角的意義，尤其是現(xiàn)在許多網(wǎng)絡圖片角落里都有版權信息或者水印，圓角會導致原作者名稱顯示不完整，有侵犯版權的嫌疑。

onetheme

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

復制代碼

TaC

專家 發(fā)表于 2024-6-5 23:50
不是很懂給圖片加圓角的意義，尤其是現(xiàn)在許多網(wǎng)絡圖片角落里都有版權信息或者水印，圓角會導致原作者名稱顯 ...

你這專家說的，你不懂我，我也不明白你。
win系統(tǒng)占比多少知道吧，微軟系統(tǒng)的主頁早就實行了圓角，包括電腦桌面，這叫流行，也叫實際。
其實每個人的審美觀點不會一樣，我無法強加于人。
再說水印和版權，加個圓角，影響不了。沒有圓角就代表有版權了？或有圓角就表示沒版權了？

TaC

onetheme 發(fā)表于 2024-6-6 09:18

我就喜歡你這樣的作者或回復者。
回復問題直接了當，沒半字多余。
剛才在本地測試了下，直接見效，這才叫技術論壇，技術問答。
等下上主機更改。

351642

onetheme 發(fā)表于 2024-6-6 09:18

這代碼，加在什么位置？

351642

TaC 發(fā)表于 2024-6-6 11:54
我就喜歡你這樣的作者或回復者。
回復問題直接了當，沒半字多余。
剛才在本地測試了下，直接見效，這才叫 ...

這代碼加在啥位置的？

專家

TaC 發(fā)表于 2024-6-6 11:48
你這專家說的，你不懂我，我也不明白你。
win系統(tǒng)占比多少知道吧，微軟系統(tǒng)的主頁早就實行了圓角，包括電 ...

論壇不就是用來討論的嘛，有不一樣的觀點很正常。

圖片圓角和用戶界面的圓角不是一個概念，因為用戶界面的圓角占用邊距位置，不會包含任何有效信息。但圖片由于表示像素點的坐標系天生就是二維的，因此有效信息區(qū)間范圍只能是一個矩形，原理上就無法做成圓角矩形的保存方式。
確實可以通過樣式改變的方式讓圖片看上去像是圓角矩形，但這也意味著圓角區(qū)域的圖片信息將會無法正常展示（丟失）版權標注等只是一個小例子而已。
再換個例子：假設圖片左上角有一個二維碼。二維碼需要有三個定位點才能正常掃。如果添加了圓角，圓角將二維碼的角給切成圓角了，就沒法掃了。

TaC

專家 發(fā)表于 2024-6-7 23:25
論壇不就是用來討論的嘛，有不一樣的觀點很正常。

圖片圓角和用戶界面的圓角不是一個概念，因為用戶界面 ...

你這回復帶點技術性和專業(yè)性。
其實我就是作為一個普通的角度來說明問題，程序做得怎么樣，第一觀眾是普通瀏覽的群眾。

onetheme的回復很到位，我也測試了，視覺上真的不錯。超出了我的受用范圍，因為他直接考慮到了一些陰影，這個就很好。專業(yè)的事專業(yè)的人，回復不帶多余。
圓角不圓角，只是一個平臺想給觀眾的視覺印象，沒有特別的意義。也許也是我目前喜歡的樣式罷。
我還想把邊框線條弄成圓角，可惜能力有限，一直沒有找到方向。
圓角8到10px對水印沒有影響的。

專家

TaC 發(fā)表于 2024-6-8 22:59
你這回復帶點技術性和專業(yè)性。
其實我就是作為一個普通的角度來說明問題，程序做得怎么樣，第一觀眾是普 ...

如果你需要的是那種直接解決問題的回復而不是討論的話
那么我建議你將帖子發(fā)布到Discuz! X 問題求助

這邊是站長雜談，發(fā)到這邊來那就只能是讓大家討論的了。