CSS Bugs Fixed in Final
Fixed in V7.5 Final (build 3778):
- Mysterious bands with overflow:auto - When a box has overflow:auto and a border-left, a mysterious band appears across its top, the same colour as its background.
- Background:inherit problems - The CSS shorthand property ‘background: inherit’ only inherits background-color but fails to inherit background-image, background attachment etc.
Fixed in V7.2 Final (build 3144):
- :first-line and Floated Inline Images - Opera fails to apply :first-line formatting to paragraphs with an inline floated image.(Another bug - show/hide images works wrong - just press 'g' to see it)
- The DIV-Boogie Bug - First, two adjacent DIVs fail to abut each other, second, this seems to depend on :hovered links.
- Width of Absolutely Positioned Element Wrongly affected - Absolutely positioned element incorrectly positions according to the padding of an unpositioned parent.
- Position:relative fails to flow around float - Only Absolutely positioned elements should ignore floats.
- Several :first-letter tests - Opera fails to apply a number of CSS properties to :first-letter.
- When navigating generated HTML pages like this wiki, Opera blanks the view-port before rendering the new page. This creates intrusive 'flashes' as one navigates from page to page. Mozilla as of V1.3 doesn't usually 'flash', but replaces the content thus making navigation visually smoother. This is probably because Opera's new rendering engine uses 'reflow', rendering and updating the page as information comes in, yet it doesn't delay rendering at the beginning of the page load, so the blanking becomes noticable. Mozilla has a delay, which can be modified by the user and it would be nice to have a similar thing in Opera.
- The FLASH OF UNSTYLED CONTENT (FOUC) - In Opera V7.1 the rendering engine displays the text of the page before downloading the stylesheets. On slower connections this causes a very noticeable initially unstyled content being displayed before it is styled. This was requested by many users previously, and the concept behind it is fine (i.e. content is more important than design). For some users it may be preferable, but I find that everything moving and flashing makes reading the text almost impossible, thus it is of little benefit - and intrudes in the display.
Fixed in Build: 2840
- Position:relative, z-index and .PNG alpha - At this page .PNG alpha is higher than it should be in the first box. The reason is a bug that only shows up in Opera when divs are position:relative with no explicit z-index definition, or there is no float: present. Another example here.. Addendum: It may seem that this bug is actually applying the background twice.
- Float model bug - This page illustrates a float model bug in Opera7, whereby it behaves similarly to IE in that it repositions a block element. According to Opera employee Rijk van Geijtenbeek, this is intentional to mirror buggy IE rendering. However, Opera has not yet made it dependant on OperaQuirksMode, which is rather disappointing...
- Position:relative, rough fonts and unresponsiveness - Text inside relatively positioned elements looks heavier and rougher than normal. Every time a portion of this page needs to be repainted, the browser becomes unresponsive, eating up all the CPU. This problem is more noticeable as the amount of text or the depth of the nesting increases. In fact, on a page where enough relatively positioned elements are nested, Opera 7 hangs indefinately.
- Absolute on hover crash - A crash with setting a thead to position: absolute on :hover.
- Display:none on html crashes Opera - This will crash Opera, whereas Mozilla simply ignores the display:none on html. IE behaves correctly by showing a blank canvas.
- http://opera.tcdog.de/table2.html - A possible table-box in the collapsed-mode.
- http://www.hixie.ch/tests/evil/mixed/htmlbodyrendering5.html - first thing - it doesn't render body as child of html (haven't thought about it yet, but doesnt have outer green border), but it also displays a collapse of the bottom padding/margin. I've seen this before but forgot - check it up.
Fixed in Build: 2637
- :hover and background images bug - A rather tempremental bug with images in an arbitrary :hover pseudo-element (in this case the h1 titles). Try loading the page in background, and, when loaded go to page and hover the mouse over the titles. The second image (face reversed) sometimes fails to show up. Additionally, this page highlights problem with very slow :hover performance, probably due to the transparency.
- Fixed and hover again - Inline children of a position:fixed div don't respect :hover styles.
- Overflow:scroll/auto Problems - Display problems with overflow:scroll and overflow:auto.
- Table Padding - Padding fails to be applied to table elements.
- Borders and transparent - Opera follows CSS2 specs on not allowing border, border-left-color etc. the value of transparent, while allowing border-color to do so. However the CSS2.1 errata state that transparent should apply to all border controls, not just border-color. Opera 7b2 fails to do so.
- Text-indent and Percentage Values Bug - The third paragraph down uses text-indent:40% to determine indentation, and it is not working.
- Blank Linked Stylesheet Bug - This page has two linked stylesheets - the second one is empty. When first loading the page, Opera fails to display the page. If one clicks on the user-mode then back to author-mode, the page displays. Swapping the order of the links (so the empty one is first) corrects the problem.