Html - Removing transparency on tooltips


 
Thread Tools Search this Thread
Top Forums UNIX for Beginners Questions & Answers Html - Removing transparency on tooltips
# 1  
Old 01-27-2018
Html - Removing transparency on tooltips

I want to use the tooltip in html, however the tranparency is creating problem for detailed tooltips as the text from the back interferes with the readability of the tooltip text.

I have done the following changes, however the normal tooltip es still transparent

I call it using

Code:
    <a style="color:blue;"
      href="mailto:info-gnu-request@gnu.org?Subject=subscribe"
      ><span style="font-size:18px;" title="per iscriversi
          alla lista info-gnu@gnu.org." >test</span></a>

Code:
<style type="text/css">
<!--
.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #ffffca;
  color: black;
  text-align: center;
  padding: 8px 8px;
  border-radius: 6px;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip.in {
  opacity: 1 !important;
}
-->
</style>

# 2  
Old 01-27-2018
Try:-
Code:
<body>
    <div class="tooltip"><a style="color:blue;" href="mailto:info-gnu-request@gnu.org?Subject=subscribe">Test</a>
        <span class="tooltiptext">per iscriversialla lista info-gnu@gnu.org.</span>
    </div>
</body>

# 3  
Old 01-27-2018
Yes, that works, but then a tried to add opacity: 1 to the normal tooltips and never managed to get a solid background color.
# 4  
Old 01-27-2018
Did you try changing the background-color in CSS ?
Login or Register to Ask a Question

Previous Thread | Next Thread

9 More Discussions You Might Find Interesting

1. What is on Your Mind?

New Tooltips for Thread Views Using Bootstrap

Hi, Well, I changed the descriptions for threads to use Bootstrap's UI and here is the results (make sure you set your YT setting for 1080 HD): New Tooltip for UNIX.COM Using Bootstrap - YouTube Here is the simple CSS I'm using for the fonts and colors: .tooltip-inner { ... (0 Replies)
Discussion started by: Neo
0 Replies

2. Homework & Coursework Questions

Script: Removing HTML tags and duplicate lines

Use and complete the template provided. The entire template must be completed. If you don't, your post may be deleted! 1. The problem statement, all variables and given/known data: You will write a script that will remove all HTML tags from an HTML document and remove any consecutive... (3 Replies)
Discussion started by: tburns517
3 Replies

3. Shell Programming and Scripting

Removing all except couple of html tags from html file

I tried to find elegant (or at least simple) way to remove all but couple of html tags from html file, but all examples I found dealt with removing all the tags. The logic of the script would be: - if there is <li> or <ul> on the line, do nothing (=write same line to output) - if there is:... (0 Replies)
Discussion started by: juubuntu
0 Replies

4. Shell Programming and Scripting

Removing html tags

I store different variance of the below in an xml file. and apparently, xml has an issue loading up data like this because it contains html tags. i would like to preserve this data as it is, but unfortunately, xml says i cant. so i have to strip out all the html tags. the examples i found... (9 Replies)
Discussion started by: SkySmart
9 Replies

5. Shell Programming and Scripting

removing html format with sed

Hello i am trying to remove the html format from the file using sed. for example remove <p> </p> i tried to do this : sed -e 's/<*>//g' test > test.t but still i have some html format . please help if you have any suggestions lets say this is the html file 1... (11 Replies)
Discussion started by: koricha
11 Replies

6. UNIX for Advanced & Expert Users

Removing HTML tags

Hello Unix Gurus I am having a problem with one of the files that i am generating using a Unix Script. This Unix Scripts connects to the MY SQL Server and loads the data into a Text file. While generating the Text file for one of the tables the value in one of the column is as follows. <p>... (3 Replies)
Discussion started by: chetan.mudike
3 Replies

7. Shell Programming and Scripting

searching & replacing/removing only certain HTML tags

I generally save a lot of web pages for reading offline which works out great for school. Now I have to spend a lot of time on the bus and I am looking for the best way to read some of these webpages using my Nokia 7610. I have uploaded the files to my phone, but they are deadly deadly slow to... (2 Replies)
Discussion started by: naphelge
2 Replies

8. Post Here to Contact Site Administrators and Moderators

Annoying tooltips

Hi Is there any way to turn off the (often ridiculously big) tooltips that are displayed when hovering over a topic in a topic list? It's driving me nuts. Thx. J (1 Reply)
Discussion started by: jgrogan
1 Replies

9. Shell Programming and Scripting

removing html tags via parameter expansion

Hi all- I have a variable that contains a web page: echo $STUFF <html> <head> <title>my page</title></head> <body> blah blah etc.. Can I use the shell's parameter expansion abilities to remove just the tags? I thought that FIXHTML=${STUFF//<*>/} might do it, but it didn't seem to... (2 Replies)
Discussion started by: rev66
2 Replies
Login or Register to Ask a Question