CSS Background overflow

Posted on 2005-05-09
Last Modified: 2010-08-05
Can a CSS background be defined to overflow it's container? How? Thanks :)
Question by:shantelechy
    LVL 30

    Accepted Solution

    No, a CSS background cannot be defined to overflow it's container.
    LVL 19

    Expert Comment

    What about overflow: visible;

    "The content is not clipped. It renders outside the element"

    Yes, it can overflow.
    LVL 19

    Expert Comment

    Grand is right.. background does not seem to overflow, but content does if the value is "visible"
    LVL 4

    Author Comment

    Thank you, so the solution appears to be make the image 'content' and position the text to appear on top.
    LVL 30

    Expert Comment

    yes, that's a possible solution.
    another solution is to set the size of your container, but it has its incovenients too.
    the basic idea is to separate content from presentation.
    if your image is part of the content (like the image of your product), then place it in the html.
    if it's presentation (like a rounded border effect), then place it in the CSS.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    Suggested Solutions

    Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

    734 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now