Jump to content

Search the Community

Showing results for tags 'transparent'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 5 results

  1. Hi, I was playing around with my website and I was trying to make a semi-transparent footer This is the code I used for the footer <footer class="footer galaxy-footer"> <div class="content has-text-centered"> <p> <script src="js/copyright.js"> </script>© 2018-2020, <strong>Company.</strong> </p> </div> </footer> And this is my css .galaxy-footer { background-color: rgba(25, 25, 25, .5); color: var(--white); // #ffffff } .galaxy-footer strong { color: var(--white); } The other classes are Bulma's classes and they seems not to be the issues What I get is an half transparent footer and a grey bar, which is the part that is not displayed when the page loads because the content pushes the footer down Is this a known issue or did I forget something?
  2. I've been using the following CSS rule… .inset-shadow { color: Transparent; background: #8C2633; text-shadow: rgba(255, 255, 255, 0.4) 2px 2px 2px, 0 0 0 rgba(0, 0, 0, 0.5); } … to produce the following result: The following is another example of this text effect… …which can be found in the following exercise on CodePen The problem is that the behavior of this construct is inconsistent. Specifically, the Microsoft browsers are having difficulty displaying the text when I use the "transparent" value for the CSS color property. Subsequent research would indicate that there is no such value for the color property. I tried replacing the "transparent" value with the CSS rgba function with something like this: rgba(255, 255, 255, 0.0) – but it didn't work. I have found variations on the theme, but they aren't as effective. I'm not sure that there is a solution, but if I can get the code to work in Microsoft browsers, that would be preferable.
  3. I have been building a website that I like but it is a little bit 'busy' looking. I have a background image (a picture of bark) with multiple boxes floating on it with the info. For example, I have a boxs for navigation, one for the title, and one eith the article. They are spaced out so you can see the bark background through the cracks. I like this but it distracts from the main information in a way I dont want. How can I suround these boxes with a semi transparent white so that you can only lightly see the image through it. I still want the picture to be clear on the edges just have the 'fog' in the center. i tried putting them in an element that has the opacity set down but that affects all child elements. How can i do this but keep the inside text fully clear?
  4. good day! so im working on a certain parallax website, newbie here aneways. The problem is i want my navigation bar to be transparent just like this site : http://www.xplaye.com/en/ i tried using opacity and background :transparent but it does not work at all. it only gives me a navigation that has a white background and i really want it to be transparent as if menu items were floating. anyone who has an idea? answers are greatly appreciated. thanks a lot CHEERS! heres my css : .nav{ height: 40px; width:auto;}.nav ul li{ list-style:none; text-decoration:none; display: inline-block; padding: 10px; padding-right:20px; float: right; }.nav ul li a { text-decoration: none; color:#FFF; font-family:Calibri; }.nav ul li a:hover { color: #6be0d6;}.nav ul li a:active{ color: #6be0d6; }
  5. I've been banging my head over this one. Been trying to complete a custom theme, but keep running into these errond transparent tags added to the html source. They are not in the CSS or hard coded into the php or thtml files involved. Here is an example of the CSS and source involved below. Style.css #gl_content {background:url(layout/notepad_chaos/np-images/notepad-back.png);background-repeat:repeat-y;margin:0 37.1em 0 0;} HTML Source code #gl_content { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("layout/notepad_chaos/np-images/notepad-back.png"); background-origin: padding-box; background-position: 0 0; background-repeat: repeat-y; background-size: auto auto; margin-bottom: 0; margin-left: 0; margin-right: 37.1em; margin-top: 0;} There are extra tags that were not even programmed for here. The inherited from body, does not have the transparency. So I'm at a loss on how and where this could be coming from. The reason I am looking into this is because I'm trying to get the image to expand all the way down the page to the footer. It appears to work fine on the main page but other pages it does not. Here is the test site url if anyone wants to help figure this out. http://glfdev.spacequad.net Michael
  • Create New...