Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to create a background with multiple backgrounds in CSS

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #153619
    evocativeconcepts
    Participant

    For my site i am trying to create a texture background that has 2 layers beneath it so that the texture layers looks as it is floating. I created a png file in Photoshop but that’s not want i want because its a fixed size and doesn’t contract or expand with my content.

    I tried creating 3 background images all 40px png files created a div

    apDiv1 {

    position: absolute; left: 208px; top: 29px; width: 477px; height: 437px; z-index: 1;

    background-position: 150px 25px, 155px 29px, 161px 33px;

    background-repeat: no-repeat; }

    that works but anytime i set the background-repeat to REPEAT it wont work

    Please help guys

    #153621
    Paulie_D
    Member

    Can you make a codepen with linked images?

    #153623
    evocativeconcepts
    Participant

    I am trying too but @ the current moment i cant. Please see with me i am pretty new to css.

    http://s779.photobucket.com/user/evocatitveconcepts/media/texturebackground_zpsd9d0dee9.png.html

    You can click on that lick to see the effect i am trying to get.

    #153627
    evocativeconcepts
    Participant

    Look on this site http://www.tinybigstudio.com/ perfect example of what I am talking about

    #153636
    evocativeconcepts
    Participant

    YES thanks ED

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.