Opacity error


#1

I have this issue as well.

HTML:

<html>
<script type='text/javascript' src='script.js'></script>
	<head>
		<title>Button Magic</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
	</head>
	<body>
     <div><br/><strong>Click Me!</strong></div>   
	</body>
</html>

CSS:

div {
    height: 60px;
    width: 100px;
    border-radius: 5px;
    background-color: #69D2E7;
    text-align: center;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    opacity: 0.5;
}

Javascript (script.js):

$(document).ready(function() {
    $('div').mouseenter(function() {
        $('div').fadeTo('fast', 1.00);
    });
});

Lesson URL: https://www.codecademy.com/en/courses/web-beginner-en-bay3D/2/3?curriculum_id=50a3fad8c7a770b5fd0007a1

I've tried refreshing my browser.
I'm running Google Chrome, version 56.0.2924.87 (up to date as of writing this post).
I tried the code in Firefox as well and it still didn't work.
Also, the when I enter the opacity as 1 instead of 1.00 the code still doesn't work.
Also, writing the second " 'div' " as " this " still doesn't work.


It looks like you didn’t set your div’s opacity to one
#2

<script type='text/javascript' src='script.js'></script>

<script> tag should be inside <head> or <body> tag


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.