Transparent label on top of an image

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • lotus18
    Contributor
    • Nov 2007
    • 865

    Transparent label on top of an image

    Hello World

    How to make the label transparent on top of an image? I set the label's backcolor to transparent but nothings happenned. BTW, I'm using VB'05

    Rey Sean
  • kenobewan
    Recognized Expert Specialist
    • Dec 2006
    • 4871

    #2
    Originally posted by lotus18
    Hello World

    How to make the label transparent on top of an image? I set the label's backcolor to transparent but nothings happenned. BTW, I'm using VB'05

    Rey Sean
    Have you tried using CSS?

    Comment

    • lotus18
      Contributor
      • Nov 2007
      • 865

      #3
      Originally posted by kenobewan
      Have you tried using CSS?
      On this project? Nope. But I've used it before in some of my projects in PHP. Are you referring to Cascading Style Sheet?

      Rey Sena

      Comment

      • kenobewan
        Recognized Expert Specialist
        • Dec 2006
        • 4871

        #4
        Originally posted by lotus18
        On this project? Nope. But I've used it before in some of my projects in PHP. Are you referring to Cascading Style Sheet?

        Rey Sena
        Yes. Can't guarantee that it will work but there transparent settings available. HTH.

        Comment

        • lotus18
          Contributor
          • Nov 2007
          • 865

          #5
          Originally posted by kenobewan
          Yes. Can't guarantee that it will work but there transparent settings available. HTH.
          Is there any solution on how to handle this thing?

          Comment

          • Plater
            Recognized Expert Expert
            • Apr 2007
            • 7872

            #6
            This is a webproject then?
            You should be able to use CSS to set the background of the label as transparent, set the z-index to that of a "higher" index then the image then use the various placement features to move it over the image.

            I recomend a seperate CSS file for this stuff, and to be sure to check the page source(as displayed in browser) to make sure the item does not have conflicting property values.
            An in-line style property on an element will override other CSS properties for an item.

            Comment

            • lotus18
              Contributor
              • Nov 2007
              • 865

              #7
              Originally posted by Plater
              This is a webproject then?
              You should be able to use CSS to set the background of the label as transparent, set the z-index to that of a "higher" index then the image then use the various placement features to move it over the image.

              I recomend a seperate CSS file for this stuff, and to be sure to check the page source(as displayed in browser) to make sure the item does not have conflicting property values.
              An in-line style property on an element will override other CSS properties for an item.
              Nope this is just a simple window form. Here's my screenshot:



              The Manage Course here is my label and the cyan gradient on its back is the image.

              Rey Sean

              Comment

              • Plater
                Recognized Expert Expert
                • Apr 2007
                • 7872

                #8
                Ah!
                Hmm, I can't seem to get it to work either.
                But I did notice that a label can have a picture as a background, that draws the text over the top of it.

                There is also this solution:

                Comment

                • lotus18
                  Contributor
                  • Nov 2007
                  • 865

                  #9
                  Thanks Platter. Now it is working!

                  Rey Sean

                  Comment

                  Working...