ugrás a tartalomhoz

változtatható hátterszínű png kép nem kívánt kerete

Blackfriar · 2018. Dec. 25. (K), 15.30
Sziasztok !
Egy változtatható hátterszínű png (transzparens) képpel gyűlt meg a bajom,
ugyanis a kép körül egy vékony keret látható, amit sehogy sem sikerül eltűntetnem.
Azt szerettem volna elkerülni a fenti megoldással, hogy ne kelljen 2 képpel dolgozni.
Előre is köszönöm a segítségeteket.
‹ Rekurzió Slider oldalbetöltés ›
 ■
1

https://stackoverflow.com/que

mind1 valami név · 2018. Dec. 25. (K), 18.27
https://stackoverflow.com/questions/33145014/css-background-image-shows-unwanted-border-img-src-does-not

Ha ez nem segít, akkor kellene némi minta a problémás oldal kódjából. Meg esetleg azt ellenőrizni, hogy nincs-e kerete a képnek, mert láttam olyan kérdéseket is e témában, hogy a rajzoló szoftver hibázott.
2

Köszi a gyors választ. Sajnos

Blackfriar · 2018. Dec. 26. (Sze), 08.17
Köszi a gyors választ.
Sajnos az alábbi megoldással is ott van a keret.
<div style="background: #000 url(\'kep.png\')"></div>
Ha 1px-es keretet adok a dolognak, az sokkal határozottabb, mint az én keretem,
így lehet, hogy tényleg a képpel van gond.
3

Próbáld ki, hogy nem e a kép

inf · 2018. Dec. 26. (Sze), 23.38
Próbáld ki, hogy nem e a kép tartalmazza a keretet: https://www.w3schools.com/CSSref/pr_pos_clip.asp. Előfordulhat, hogy rossz az editor, amivel csináltad és az adja hozzá a keretet. CSS-el nekem sosem volt ilyen gondom átlátszó képeknél, de már régen használtam őket.

Amit még írnak, hogy a box-shadow miatt lehet esetleg. Nem követem annyira a client side-ot, hogy tudjam mit jelent, gondolom a div körül árnyék van alapból az újabb böngészőknél.

  box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
4

Nincs default árnyék

Pepita · 2018. Dec. 28. (P), 14.21
Bármelyik csillagromboló böngészőt is nézed, a box-shadow default value none, tehát onnét nem lehet.
Gondolom azért írnak mégis ilyesmit, mert létezik olyan "remek frontend keretrendszer", ami előbb ad mindennek árnyékot, aztán aminek nem kell, attól elveszi..
Annyira viszont én sem vagyok benne, hogy konkrét példát is tudjak rá.
5

Nem néztem ennyire utána. Jó

inf · 2018. Dec. 30. (V), 03.08
Nem néztem ennyire utána. Jó tudni. Tulképp akkor elég lenne ránézni az adott képre vagy div-re bármelyik devtool-al inspect element-el, aztán abból lejönne, hogy milyen stílus van rajta, és mi okozza a keretet.
6

A képnek ennyi a style-ja

Blackfriar · 2018. Dec. 31. (H), 18.25
A képnek összvissz ennyi a style-ja:
img {background: #000;}
7

Fekete a keret?

Pepita · 2019. Jan. 3. (Cs), 09.57
Ha fekete a háttér és fekete a nem kívánt keret is, akkor lehetséges, hogy méret probléma okozza. Ez lehet akár öröklött tulajdonság is.
Pl a forrás kép 200 x 100 pixel, de az img 201 x 101 méretű, akkor két oldalon 1-1 px fekete háttér kilátszik. Ez lehet padding is.

Azt, hogy maga a kép tartalmazza a "csíkot", már kizártad?
8

1px-nél vékonyabb a keret és

Blackfriar · 2019. Jan. 3. (Cs), 19.59
1px-nél vékonyabb a keret és elég halvány, de látható.
Azt nem tudom, hogy hol és hogyan tudnám megnézni, a kép tartalmazza-e a keretet.
9

gimp vagy valami

mind1 valami név · 2019. Jan. 4. (P), 15.32
gimp vagy valami hasonló?
Publikus az oldal? Ha az, akkor esetleg egy url...
10

clip-el is meg lehet nézni,

inf · 2019. Jan. 5. (Szo), 08.37
clip-el is meg lehet nézni, ha levág valamelyik széléből. Azért linkeltem neki.
11

A clip leszedi a keretet

Blackfriar · 2019. Jan. 5. (Szo), 19.34
A clip leszedi az említett keretet.
12

Akkor valószínűleg a képen

inf · 2019. Jan. 5. (Szo), 20.44
Akkor valószínűleg a képen van a keret és nem a böngésző teszi hozzá.
13

Azt hogyan?

Pepita · 2019. Jan. 7. (H), 10.02
1px-nél vékonyabb a keret
Erre kíváncsi lennék, hogy hogyan lehet elérni.
Akkor valószínűleg a fő probléma megoldódott, de szeretném, ha valaki megmutatná, hogy hogy lehet pl egy 100 x 100 pixel méretű képre rajzolni egy 0.5 pixel vastag vonalat...
14

A képszerkesztők tudják

inf · 2019. Jan. 7. (H), 15.22
A képszerkesztők tudják imitálni úgy, hogy összemossák a mellette lévő pixelekkel. Kb. mintha 50% opacity lenne rá vagy ilyesmi. Ettől mondjuk ugyanúgy 1px vastag lesz, csak még ocsmány is. :D
15

Kevés!

Pepita · 2019. Jan. 7. (H), 16.38
Vagyis sok.
Olyat mutass, hogy tényleg "1px-nél vékonyabb a keret". :-D
16

Megpróbálhatjuk kettévágni a

inf · 2019. Jan. 7. (H), 17.39
Megpróbálhatjuk kettévágni a monitoron a pixelt, hátha sikerül. :D