How can I get :hover to show up here? [on hold]

134
December 09, 2017, at 12:42 PM

edit: I hope the edited title is okay. I don't know how else to put this.

I can't figure out why, but :hover is not applying to my class.

HTML:

        <div class="img-project">
            <span class="img-project">
              <a href="https://cdn.rawgit.com/SlouchingToast/teo-hannum/e6ca4410/index.html"><img class="img-project img-fluid" src="img/project1.jpg" alt=""></a>
            </span>
        </div>

CSS:

.img-project {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.img-project:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

As you can see, I've applied the class to almost everything, and it still won't work. At first, I applied it to just the tag, then moved upward from there. When none of them worked, I added it to all of them. Nada.

Here is the repo: https://github.com/SlouchingToast/slouchingtoast.github.io

Here is the live page: https://slouchingtoast.github.io/index.html

READ ALSO
Typeahead: change z-index of dropdown menu

Typeahead: change z-index of dropdown menu

There are two issues I am having with Twitter's bootstrap-typeaheadjs

136
Iframe hover opacity change not working in Microsoft Edge

Iframe hover opacity change not working in Microsoft Edge

I have a simple class defined in css for an iframe that holds a slideshow pulled from SmugmugThe basic function is a 25% opacity when the user does not hover over the slideshow and a transition to 100% opacity when the user hovers over the iframe area

165
weird rendering of / event handling on transformed svg children in Firefox

weird rendering of / event handling on transformed svg children in Firefox

So, I have an SVG overlay which has a polygon drag handles for resizing a box around areas of a scalable imageIn Chrome, everything is working swimmingly, but in Firefox is all falls apart in ways that are hard to describe

115
Removing arrow in ui-select box

Removing arrow in ui-select box

In my AngularJS app I want to remove the default arrow from the ui-select box

134