ol bg image should be over li bg image

I have to achive something like this: ![enter image description here][1] I have decided to use ol with background images. Here is my html and css: //html
  1. Text Text TextTextTextTextText TextTextTextTextTextText TextTextTextTextTextTextTextText TextTextTextTextTextTextText

  2. Text Text TextTextTextTextText TextTextTextTextTextText TextTextTextTextTextTextTextText TextTextTextTextTextTextText

  3. Text Text TextTextTextTextText TextTextTextTextTextText TextTextTextTextTextTextTextText TextTextTextTextTextTextText

//CSS ol { list-style-position: inside; list-style: none; font-size: 25px; } ol li { background-image: url(../images/poga_zala_fons.png), url(../images/Nr1.png); background-position: -5px 0, -5px 0; background-repeat: no-repeat; padding-left: 7px; } ol li.step1 p { background-color: #99cc33; margin-left: 10px; z-index: -1; } ol li.step2 p { background-color: #ffff99; } ol li.step3 p { background-color: #ffcc00; } ol li p { font-size: 12px; } [Here is link to webste][2] 1) There are many problems, but the first one is that I cannot get background image of ol to be over background image of paragraph background. 2) Second, I am not sure that the idea to use ol/li was the best, Maybe there are some other nice suggestions how to achive the think in image better? Please, give me some clues, I am not asking the exact sollution. I am php programmer, but new to creating design to CSS. [1]: http://i.stack.imgur.com/wfydK.png [2]: http://tax.allfaces.lv/manual-for-travelers/how-to-shop-tax-free

以上就是ol bg image should be over li bg image的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏