1

I'm customising my homepage with an interactive animation, but having trouble making it feel more seemelss in the page. Please see http://geotheory.co.uk/. I want to stop the canvas object from being selected when the user clicks on the page. The animation is a Processing script that is then translated to javascript. The index.html reads:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>geotheory.co.uk</title>
</head>
<body  id="home" bgcolor="#202020">
    <script src="processing-1.4.1.min.js"></script>
    <div id="canvasContainer">
    <canvas padding: 0 data-processing-sources="rectangles.pde"></canvas>
    </div>
</body>

Grateful for assistance.

4

1 に答える 1

1

それを引き起こしているのは :focus 疑似クラスです。これで修正されるはずです：

canvas:focus{
    outline:none;
}
于 2012-12-26T01:55:37.817 に答える