|View Issue Details|
|ID||Project||Category||View Status||Date Submitted||Last Update|
|0002688||NetSurf||Layout||public||2019-08-02 15:03||2019-11-30 11:08|
|Assigned To||Michael Drake|
|Platform||Iyonix||OS||RISC OS||OS Version||5.22|
|Target Version||Fixed in Version|
|Summary||0002688: No images visible|
|Description||Netsurf does not display any of the images on the page https://www.miresparis.com/category/spots/hotelparticulier/|
The slow speed of redraw would suggest that it has loaded and is trying to render them, but all I see is blank boxes.
|Steps To Reproduce||Visit URL.|
|Additional Information||The <IMG> tags look fairly straightforward, and if I save the raw HTML and strip out all the stylesheet links the images appear (albeit at a much larger size than evidently intended), so it is presumably a CSS issue. I was unable to test by tweaking the stylesheets directly, owing to bug 0002687 crashing Netsurf.|
Netsurf v4712 simply rendered the blank boxes on the page without the textual overlay.
|Tags||No tags attached.|
|Fixed in CI build #|
|Reported in CI build #||4760|
|URL of problem page||https://www.miresparis.com/category/spots/hotelparticulier/|
Dave Higton (developer)
|I just saved one of the JPEGs from the problem URL, and found that SwiftJPEG cannot render it, but PrivateEye can. So it seems there is some compatibility issue with the particular JPEG format used.|
Harriet Bazley (reporter)
I used Object=>Save over one of the blank boxes and dragged the resulting file back into Netsurf, which seems to render the JPEG OK without any problems (although not at a scale which would fit in the box provided)
Michael Drake (administrator)
The JPEGs are fine, and render correctly in NetSurf.
The problem is that over all the images, the web site places a white rectangle. On browsers that support the CSS opacity property, this is rendered as transparent. When you hover over it it becomes opaque. If we implemented the opacity property it would fix this. The page also specifies the white box as rbga(255, 255, 255, 0.6), so when you over and it becomes opaque, it remains partially transparent anyway.
The alpha channel on the colour specifier is reasonably easy to implement; we just need to pass the value through to the potters, and have the front ends implement it.
However, the opacity property is more work. Its value applies to the element as a whole, including the children. So to implement it properly we would need to do compositing.
|2019-08-02 15:03||Harriet Bazley||New Issue|
|2019-08-02 15:09||Harriet Bazley||File Added: screen.jpg|
|2019-08-09 15:14||Dave Higton||Note Added: 0002070|
|2019-08-09 17:00||Harriet Bazley||File Added: C1698-018.jpg|
|2019-08-09 17:00||Harriet Bazley||Note Added: 0002071|
|2019-10-21 16:42||Vincent Sanders||Status||new => confirmed|
|2019-10-21 16:42||Vincent Sanders||Description Updated||View Revisions|
|2019-10-21 16:42||Vincent Sanders||Additional Information Updated||View Revisions|
|2019-11-29 20:32||Daniel Silverstone||Assigned To||=> Michael Drake|
|2019-11-29 20:32||Daniel Silverstone||Status||confirmed => assigned|
|2019-11-30 11:08||Michael Drake||Note Added: 0002141|