开发者

Funny css rendering error in IE background-image has "display: block" in it

There is a funny issue with how IE is parsing/rendering my css. I have the following style defined "background-image: url(/images/leftArrow.png); DISPLAY: block; cursor: pointer;"

but for some reason, IE 7 & 8 are combining background a开发者_StackOverflow社区nd display to make it one property (see screenshot)

Any ideas?

Funny css rendering error in IE background-image has "display: block" in it

(source: infinicastonline.com)


It only displays that way with the developer toolbar. When you make a simple span with those css attributes, it does actually display like a block element, but my developer toolbar shows the same thing yours does in your screenshot.

It is not the uppercase name (developer toolbar actually makes the display attribute uppercase), nor is the quotes around the url the problem. You can even move display:block to the beginning of the styles and it will still show them combined in developer toolbar


Try putting some quotes inside the url.

url("/images/leftArrow.png");

But definitely, more code would be nice.


Its most likely a typo somewhere or a forgotten declaration termination or something. If you post the actual code we might be able to provide a concrete answer.


i think its because you've used uppercase property names. you have the same issue with "POSITION" below. btw how do i get this firebug like addon for ie?

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜