文強(qiáng)閣，看到你家好東西了

TaC

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

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

專家

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

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. }

復(fù)制代碼

TaC

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

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

TaC

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

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

351642

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

這代碼，加在什么位置？

351642

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

這代碼加在啥位置的？

專家

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

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

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

TaC

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

圖片圓角和用戶界面的圓角不是一個(gè)概念，因?yàn)橛脩艚缑?...

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

onetheme的回復(fù)很到位，我也測(cè)試了，視覺上真的不錯(cuò)。超出了我的受用范圍，因?yàn)樗苯涌紤]到了一些陰影，這個(gè)就很好。專業(yè)的事專業(yè)的人，回復(fù)不帶多余。
圓角不圓角，只是一個(gè)平臺(tái)想給觀眾的視覺印象，沒有特別的意義。也許也是我目前喜歡的樣式罷。
我還想把邊框線條弄成圓角，可惜能力有限，一直沒有找到方向。
圓角8到10px對(duì)水印沒有影響的。

專家

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

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

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